improve test

Author: 38elements

test/resources/components/component-with-parent-name.vue

@@ -1,17 +1,18 @@
 <template>
-  <div foo="bar"><span baz="qux">{{ quux }}</span></div>
+  <div><span baz="qux">{{ fromLocalVue }},{{ bar }}</span></div>
 </template>
 
 <script>
   export default{
     name: 'component-with-parent-name',
+    props: ['fromLocalVue'],
     data () {
       return {
-        quux: 'quux'
+        bar: 'quux'
       }
     },
     mounted () {
-      this.$parent.childName = this.$options.name
+      this.$parent.childComponentName = this.$options.name
     }
   }
 </script>

test/specs/mounting-options/slots.spec.js

@@ -573,17 +573,17 @@ describeWithMountingMethods('options.slots', mountingMethod => {
 
   itDoNotRunIf(
     mountingMethod.name === 'renderToString',
-    'sets a component which can access the parent component',
+    'sets a component which can access the parent component and the child component',
     () => {
       const localVue = createLocalVue()
       localVue.prototype.bar = 'FOO'
-      const wrapperComponent = mount(
+      const ParentComponent = mount(
         {
           name: 'parentComponent',
           template: '<div><slot /></div>',
           data () {
             return {
-              childName: ''
+              childComponentName: ''
             }
           }
         },
@@ -592,13 +592,19 @@ describeWithMountingMethods('options.slots', mountingMethod => {
             ComponentWithParentName
           },
           slots: {
-            default: '<component-with-parent-name :foo="bar" />'
+            default: [
+              '<component-with-parent-name :fromLocalVue="bar" />',
+              '<component-with-parent-name :fromLocalVue="bar" />'
+            ]
           },
           localVue
         }
       )
-      expect(wrapperComponent.vm.childName).to.equal('component-with-parent-name')
-      expect(wrapperComponent.html()).to.equal('<div><div foo="FOO"><span baz="qux">quux</span></div></div>')
+      const childComponentName = 'component-with-parent-name'
+      expect(ParentComponent.vm.childComponentName).to.equal(childComponentName)
+      expect(ParentComponent.vm.$children.length).to.equal(2)
+      expect(ParentComponent.vm.$children.every(c => c.$options.name === childComponentName)).to.equal(true)
+      expect(ParentComponent.html()).to.equal('<div><div><span baz="qux">FOO,quux</span></div><div><span baz="qux">FOO,quux</span></div></div>')
     }
   )
 })