Simplify setting logic

Author: afontcu

package.json

@@ -49,8 +49,7 @@
   "dependencies": {
     "@babel/runtime": "^7.12.1",
     "@testing-library/dom": "^7.28.1",
-    "@vue/test-utils": "^2.0.0-beta.12",
-    "lodash.merge": "^4.6.2"
+    "@vue/test-utils": "^2.0.0-beta.12"
   },
   "devDependencies": {
     "@apollo/client": "3.3.6",
@@ -70,6 +69,7 @@
     "isomorphic-unfetch": "^3.1.0",
     "jest-serializer-vue": "^2.0.2",
     "kcd-scripts": "^7.5.1",
+    "lodash.merge": "^4.6.2",
     "msw": "^0.21.3",
     "typescript": "^4.1.2",
     "vee-validate": "^4.0.2",

src/__tests__/plugins.js

@@ -5,7 +5,7 @@ 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 () => {
+test('can set global options and custom options such as a store', async () => {
   const ComponentWithStore = defineComponent({
     template: `
       <el-popover trigger="hover" content="this is content">
@@ -16,16 +16,26 @@ test('setting a plugin + a custom option such as store sets both plugins', async
         </template>
       </el-popover>
       <span data-testid="count-value">{{ $store.state.count }}</span>
+      <directive />
     `,
   })
 
+  const DirectiveStub = {
+    template: '<p>Search now</p>',
+  }
+
   render(ComponentWithStore, {
     store,
     global: {
       plugins: [ElementPlus],
+      stubs: {
+        Directive: DirectiveStub,
+      },
     },
   })
 
+  expect(screen.getByText('Search now')).toBeInTheDocument()
+
   const button = screen.getByText('Hover to activate')
   userEvent.hover(button)
 

src/index.js

@@ -41,9 +41,9 @@ function render(
   }
 
   const wrapper = mount(Component, {
-    attachTo: container,
-    global: {plugins},
     ...mountOptions,
+    attachTo: container,
+    global: {...mountOptions.global, plugins},
   })
 
   // this removes the additional "data-v-app" div node from VTU: