improve test

Author: 38elements

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

@@ -1,17 +1,18 @@
-i<template>
-  <div foo="bar"><span baz="qux">{{ quux }}</span></div>
+<template>
+  <div><span baz="qux">{{ time }},{{ fromLocalVue }},{{ bar }}</span></div>
 </template>
 
 <script>
 export default{
   name: 'component-with-parent-name',
+  props: ['fromLocalVue', 'time'],
   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

@@ -602,17 +602,18 @@ 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: ''
+              time: 1,
+              childComponentName: ''
             }
           }
         },
@@ -621,13 +622,24 @@ describeWithMountingMethods('options.slots', mountingMethod => {
             ComponentWithParentName
           },
           slots: {
-            default: '<component-with-parent-name :foo="bar" />'
+            default: [
+              '<component-with-parent-name :fromLocalVue="bar" :time="time" />',
+              '<component-with-parent-name :fromLocalVue="bar" :time="time" />'
+            ]
           },
           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">1,FOO,quux</span></div><div><span baz="qux">1,FOO,quux</span></div></div>')
+      ParentComponent.vm.time = 2
+      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">2,FOO,quux</span></div><div><span baz="qux">2,FOO,quux</span></div></div>')
     }
   )
 })