add test for localVue

Author: 38elements

Diff for: packages/create-instance/create-functional-component.js

@@ -6,7 +6,8 @@ import { createSlotVNodes } from './create-slot-vnodes'
 
 export default function createFunctionalComponent (
   component: Component,
-  mountingOptions: Options
+  mountingOptions: Options,
+  _Vue: Component
 ): Component {
   if (mountingOptions.context && typeof mountingOptions.context !== 'object') {
     throwError('mount.context must be an object')
@@ -25,7 +26,7 @@ export default function createFunctionalComponent (
           mountingOptions.context.children.map(
             x => (typeof x === 'function' ? x(h) : x)
           )) ||
-          createSlotVNodes(h, mountingOptions.slots || {})
+          createSlotVNodes(h, mountingOptions.slots || {}, _Vue)
       )
     },
     name: component.name,

Diff for: packages/create-instance/create-instance.js

@@ -40,7 +40,7 @@ export default function createInstance (
     (component.options && component.options.functional) ||
     component.functional
   ) {
-    component = createFunctionalComponent(component, options)
+    component = createFunctionalComponent(component, options, _Vue)
   } else if (options.context) {
     throwError(
       `mount.context can only be used when mounting a ` + `functional component`
@@ -129,7 +129,7 @@ export default function createInstance (
     provide: options.provide,
     render (h) {
       const slots = options.slots
-        ? createSlotVNodes(h, options.slots)
+        ? createSlotVNodes(h, options.slots, _Vue)
         : undefined
       return h(
         Constructor,

Diff for: packages/create-instance/create-slot-vnodes.js

@@ -10,7 +10,8 @@ function startsWithTag (str: SlotValue): boolean {
 function createVNodesForSlot (
   h: Function,
   slotValue: SlotValue,
-  name: string
+  name: string,
+  _Vue: any
 ): VNode | string {
   if (typeof slotValue === 'string' && !startsWithTag(slotValue)) {
     return slotValue
@@ -22,6 +23,12 @@ function createVNodesForSlot (
   let vnode = h(el)
   if (typeof slotValue === 'string') {
     const vue = new Vue()
+    const _vue = new _Vue()
+    for (const key in _vue._renderProxy) {
+      if (!(vue._renderProxy[key])) {
+        vue._renderProxy[key] = _vue._renderProxy[key]
+      }
+    }
     try {
       // $FlowIgnore
       vnode = el.render.call(vue._renderProxy, h)
@@ -36,15 +43,18 @@ function createVNodesForSlot (
 
 export function createSlotVNodes (
   h: Function,
-  slots: SlotsObject
+  slots: SlotsObject,
+  _Vue: any
 ): Array<VNode | string> {
   return Object.keys(slots).reduce((acc, key) => {
     const content = slots[key]
     if (Array.isArray(content)) {
-      const nodes = content.map(slotDef => createVNodesForSlot(h, slotDef, key))
+      const nodes = content.map(
+        slotDef => createVNodesForSlot(h, slotDef, key, _Vue)
+      )
       return acc.concat(nodes)
     }
 
-    return acc.concat(createVNodesForSlot(h, content, key))
+    return acc.concat(createVNodesForSlot(h, content, key, _Vue))
   }, [])
 }

Diff for: test/specs/mounting-options/slots.spec.js

@@ -5,7 +5,7 @@ import ComponentAsAClass from '~resources/components/component-as-a-class.vue'
 import ComponentWithParentName from '~resources/components/component-with-parent-name.vue'
 import { describeWithMountingMethods, vueVersion } from '~resources/utils'
 import { itSkipIf, itDoNotRunIf } from 'conditional-specs'
-import { mount } from '~vue/test-utils'
+import { mount, createLocalVue } from '~vue/test-utils'
 
 describeWithMountingMethods('options.slots', mountingMethod => {
   it('mounts component with default slot if passed component in slot object', () => {
@@ -553,6 +553,8 @@ describeWithMountingMethods('options.slots', mountingMethod => {
     mountingMethod.name === 'renderToString',
     'sets a component which can access the parent component',
     () => {
+      const localVue = createLocalVue()
+      localVue.prototype.bar = 'FOO'
       const wrapperComponent = mount(
         {
           name: 'parentComponent',
@@ -568,12 +570,13 @@ describeWithMountingMethods('options.slots', mountingMethod => {
             ComponentWithParentName
           },
           slots: {
-            default: '<component-with-parent-name />'
-          }
+            default: '<component-with-parent-name :foo="bar" />'
+          },
+          localVue
         }
       )
       expect(wrapperComponent.vm.childName).to.equal('component-with-parent-name')
-      expect(wrapperComponent.html()).to.equal('<div><div foo="bar"><span baz="qux">quux</span></div></div>')
+      expect(wrapperComponent.html()).to.equal('<div><div foo="FOO"><span baz="qux">quux</span></div></div>')
     }
   )
 })