chore: rename slot variables in tests

Volar is not happy with the variable names `boolean`, `string` and `object`.
vuejs · Jul 15, 2021 · 976835e · 976835e
1 parent 57fc6fd
commit 976835e
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 18 deletions.
diff --git a/tests/components/ComponentWithSlots.vue b/tests/components/ComponentWithSlots.vue
@@ -10,29 +10,31 @@
       <slot name="withDefault">With Default Content</slot>
     </div>
     <div class="scoped">
-      <slot name="scoped" v-bind="{ boolean, string, object }" />
+      <slot name="scoped" v-bind="{ aBoolean, aString, anObject }" />
     </div>
     <div class="scopedWithDefault">
-      <slot name="scopedWithDefault" v-bind="{ boolean, string, object }">
-        boolean: {{ boolean }} string: {{ string }} object: {{ object }}
+      <slot name="scopedWithDefault" v-bind="{ aBoolean, aString, anObject }">
+        boolean: {{ aBoolean }} string: {{ aString }} object: {{ anObject }}
       </slot>
     </div>
     <slot />
     <slot name="named" />
     <slot name="withDefault">With Default Content</slot>
-    <slot name="scoped" v-bind="{ boolean, string, object }" />
+    <slot name="scoped" v-bind="{ aBoolean, aString, anObject }" />
   </div>
 </template>
 
-<script>
-export default {
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
   name: 'ComponentWithSlots',
   data() {
     return {
-      boolean: true,
-      string: 'string',
-      object: { foo: 'foo' }
+      aBoolean: true,
+      aString: 'string',
+      anObject: { foo: 'foo' }
     }
   }
-}
+})
 </script>
diff --git a/tests/mountingOptions/slots.spec.ts b/tests/mountingOptions/slots.spec.ts
@@ -114,7 +114,7 @@ describe('slots', () => {
       })
 
       expect(wrapper.find('.scoped').text()).toEqual(
-        '{"boolean":true,"string":"string","object":{"foo":"foo"}}'
+        '{"aBoolean":true,"aString":"string","anObject":{"foo":"foo"}}'
       )
     })
 
@@ -132,16 +132,16 @@ describe('slots', () => {
       })
 
       expect(assertParams).toEqual({
-        boolean: true,
-        string: 'string',
-        object: { foo: 'foo' }
+        aBoolean: true,
+        aString: 'string',
+        anObject: { foo: 'foo' }
       })
     })
 
     it('allows passing a scoped slot via string with no destructuring using the # syntax', () => {
       const wrapper = mount(ComponentWithSlots, {
         slots: {
-          scoped: `<template #scoped="params"><div>Just a plain {{ params.boolean }} {{ params.string }}</div></template>`
+          scoped: `<template #scoped="params"><div>Just a plain {{ params.aBoolean }} {{ params.aString }}</div></template>`
         }
       })
 
@@ -151,7 +151,7 @@ describe('slots', () => {
     it('allows passing a scoped slot via a string with destructuring using the # syntax', () => {
       const wrapper = mount(ComponentWithSlots, {
         slots: {
-          scoped: `<template #scoped="{string, boolean}"><div>Just a plain {{ boolean }} {{ string }}</div></template>`
+          scoped: `<template #scoped="{aString, aBoolean}"><div>Just a plain {{ aBoolean }} {{ aString }}</div></template>`
         }
       })
 
@@ -164,7 +164,7 @@ describe('slots', () => {
       const wrapper = mount(ComponentWithSlots, {
         slots: {
           scoped: `
-            <template v-slot:scoped="params"><div>Just a plain {{ params.boolean }} {{ params.string }}</div></template>
+            <template v-slot:scoped="params"><div>Just a plain {{ params.aBoolean }} {{ params.aString }}</div></template>
           `
         }
       })
@@ -175,7 +175,7 @@ describe('slots', () => {
     it('allows passing a scoped slot via string with no destructuring without template tag', () => {
       const wrapper = mount(ComponentWithSlots, {
         slots: {
-          scoped: `<div>Just a plain {{ params.boolean }} {{ params.string }}</div>`
+          scoped: `<div>Just a plain {{ params.aBoolean }} {{ params.aString }}</div>`
         }
       })