fix(plugins): allow setting custom plugin and vuex/router

Author: afontcu

src/__tests__/plugins.js

@@ -0,0 +1,39 @@
+import '@testing-library/jest-dom'
+import ElementPlus from 'element-plus'
+import userEvent from '@testing-library/user-event'
+import {defineComponent} from 'vue'
+import {render, screen, fireEvent, waitFor} from '..'
+import {store} from './components/Store/store'
+
+test('setting a plugin + a custom option such as store sets both plugins', async () => {
+  const ComponentWithStore = defineComponent({
+    template: `
+      <el-popover trigger="hover" content="this is content">
+        <template #reference>
+          <el-button @click="$store.dispatch('increment')">
+            Hover to activate
+          </el-button>
+        </template>
+      </el-popover>
+      <span data-testid="count-value">{{ $store.state.count }}</span>
+    `,
+  })
+
+  render(ComponentWithStore, {
+    store,
+    global: {
+      plugins: [ElementPlus],
+    },
+  })
+
+  const button = screen.getByText('Hover to activate')
+  userEvent.hover(button)
+
+  await waitFor(() => expect(screen.getByText('this is content')).toBeVisible())
+
+  expect(screen.getByTestId('count-value')).toHaveTextContent('0')
+
+  await fireEvent.click(button)
+
+  expect(screen.getByTestId('count-value')).toHaveTextContent('1')
+})

src/index.js

@@ -1,6 +1,5 @@
 /* eslint-disable testing-library/no-wait-for-empty-callback */
 import {mount} from '@vue/test-utils'
-import merge from 'lodash.merge'
 
 import {
   getQueriesForElement,
@@ -25,7 +24,7 @@ function render(
   const baseElement = customBaseElement || customContainer || document.body
   const container = customContainer || baseElement.appendChild(div)
 
-  const plugins = []
+  const plugins = mountOptions.global?.plugins || []
 
   if (store) {
     const {createStore} = require('vuex')
@@ -41,14 +40,11 @@ function render(
     plugins.push(routerPlugin)
   }
 
-  const wrapper = mount(
-    Component,
-    merge({
-      attachTo: container,
-      global: {plugins},
-      ...mountOptions,
-    }),
-  )
+  const wrapper = mount(Component, {
+    attachTo: container,
+    global: {plugins},
+    ...mountOptions,
+  })
 
   // this removes the additional "data-v-app" div node from VTU:
   // https://github.com/vuejs/vue-test-utils-next/blob/master/src/mount.ts#L196-L213