fix: add prototype when createLocalVue is used

Author: eddyerburgh

src/lib/create-instance.js

@@ -1,6 +1,5 @@
 // @flow
 
-import Vue from 'vue'
 import addSlots from './add-slots'
 import addMocks from './add-mocks'
 import addAttrs from './add-attrs'
@@ -10,12 +9,17 @@ import { stubComponents } from './stub-components'
 import { throwError } from './util'
 import cloneDeep from 'lodash/cloneDeep'
 import { compileTemplate } from './compile-template'
+import createLocalVue from '../create-local-vue'
 
 export default function createConstructor (
   component: Component,
   options: Options
 ): Component {
-  const vue = options.localVue || Vue
+  const vue = options.localVue || createLocalVue()
+
+  if (options.mocks) {
+    addMocks(options.mocks, vue)
+  }
 
   if (component.functional) {
     if (options.context && typeof options.context !== 'object') {
@@ -50,10 +54,6 @@ export default function createConstructor (
 
   const Constructor = vue.extend(component)
 
-  if (options.mocks) {
-    addMocks(options.mocks, Constructor)
-  }
-
   const vm = new Constructor(options)
 
   addAttrs(vm, options.attrs)

test/unit/specs/mount/options/mocks.spec.js

@@ -1,5 +1,7 @@
 import mount from '~src/mount'
+import createLocalVue from '~src/create-local-vue'
 import Component from '~resources/components/component.vue'
+import ComponentWithVuex from '~resources/components/component-with-vuex.vue'
 
 describe('mount.mocks', () => {
   it('adds variables to vm when passed as mocks object', () => {
@@ -43,6 +45,34 @@ describe('mount.mocks', () => {
     expect(wrapper.text()).to.contain('changed value')
   })
 
+  it('adds variables available to nested vms', () => {
+    const count = 1
+    const wrapper = mount({
+      template: '<div><component-with-vuex /></div>',
+      components: {
+        ComponentWithVuex
+      }
+    }, {
+      mocks: { $store: { state: { count, foo: {}}}}
+    })
+    expect(wrapper.text()).contains(count)
+  })
+
+  it('adds variables available to nested vms using localVue', () => {
+    const localVue = createLocalVue()
+    const count = 1
+    const wrapper = mount({
+      template: '<div><component-with-vuex /></div>',
+      components: {
+        ComponentWithVuex
+      }
+    }, {
+      mocks: { $store: { state: { count, foo: {}}}},
+      localVue
+    })
+    expect(wrapper.text()).contains(count)
+  })
+
   it('does not affect global vue class when passed as mocks object', () => {
     const $store = { store: true }
     const wrapper = mount(Component, {