feat: allow passing instantiated Vuex store

Author: blimmer

src/__tests__/vuex.js

@@ -1,5 +1,6 @@
 import '@testing-library/jest-dom'
 import {render, fireEvent} from '@testing-library/vue'
+import Vuex from 'vuex'
 
 import VuexTest from './components/Store/VuexTest'
 import {store} from './components/Store/store'
@@ -54,3 +55,33 @@ test('can render with vuex with custom store', async () => {
   await fireEvent.click(getByText('-'))
   expect(getByTestId('count-value')).toHaveTextContent('1000')
 })
+
+test('can render with an instantiated Vuex store', async () => {
+  const {getByTestId, getByText} = render(VuexTest, {
+    store: new Vuex.Store({
+      state: {count: 3},
+      mutations: {
+        increment(state) {
+          state.count++
+        },
+        decrement(state) {
+          state.count--
+        },
+      },
+      actions: {
+        increment(context) {
+          context.commit('increment')
+        },
+        decrement(context) {
+          context.commit('decrement')
+        },
+      },
+    }),
+  })
+
+  await fireEvent.click(getByText('+'))
+  expect(getByTestId('count-value')).toHaveTextContent('4')
+
+  await fireEvent.click(getByText('-'))
+  expect(getByTestId('count-value')).toHaveTextContent('3')
+})

src/render.js

@@ -31,7 +31,7 @@ function render(
     const Vuex = require('vuex')
     localVue.use(Vuex)
 
-    vuexStore = new Vuex.Store(store)
+    vuexStore = store instanceof Vuex.Store ? store : new Vuex.Store(store)
   }
 
   if (routes) {

types/index.d.ts

@@ -40,7 +40,8 @@ export interface RenderOptions<V extends Vue, S = {}>
   // The props and store options special-cased by Vue Testing Library and NOT passed to mount().
   extends Omit<ThisTypedMountOptions<V>, 'store' | 'props'> {
   props?: object
-  store?: StoreOptions<S>
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  store?: StoreOptions<S> | Store<any>
   routes?: RouteConfig[]
   container?: Element
   baseElement?: Element