Change to shallowMount

PIVX-Labs · Dec 12, 2023 · cd177bd · cd177bd
1 parent 54b439f
commit cd177bd
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/tests/components/Login.test.js b/tests/components/Login.test.js
@@ -1,4 +1,4 @@
-import { mount } from '@vue/test-utils';
+import { shallowMount } from '@vue/test-utils';
 import { nextTick } from 'vue';
 import { expect } from 'vitest';
 import Login from '../../scripts/dashboard/Login.vue';
@@ -18,7 +18,7 @@ document.body.innerHTML = `
 describe('Login tests', () => {
     afterEach(() => vi.clearAllMocks());
     test('Create wallet login (no advanced)', async () => {
-        const wrapper = mount(Login, {
+        const wrapper = shallowMount(Login, {
             props: {
                 advancedMode: false,
             },
@@ -32,15 +32,15 @@ describe('Login tests', () => {
             advancedMode: false,
         });
         // We can just emit the event: CreateWallet has already been unit tested!
-        createWalletComponent.vm.emit('import-wallet', 'mySecret', '');
+        createWalletComponent.vm.$emit('import-wallet', 'mySecret', '');
         // Make sure the Login component relays the right event
         expect(wrapper.emitted('import-wallet')).toHaveLength(1);
         expect(wrapper.emitted('import-wallet')).toStrictEqual([
             [{ password: '', secret: 'mySecret', type: 'hd' }],
         ]);
     });
     test('Create wallet login (advanced)', async () => {
-        const wrapper = mount(Login, {
+        const wrapper = shallowMount(Login, {
             props: {
                 advancedMode: true,
             },
@@ -54,15 +54,15 @@ describe('Login tests', () => {
             advancedMode: true,
         });
         // We can just emit the event: CreateWallet has already been unit tested!
-        createWalletComponent.vm.emit('import-wallet', 'mySecret', 'myPass');
+        createWalletComponent.vm.$emit('import-wallet', 'mySecret', 'myPass');
         // Make sure the Login component relays the right event
         expect(wrapper.emitted('import-wallet')).toHaveLength(1);
         expect(wrapper.emitted('import-wallet')).toStrictEqual([
             [{ password: 'myPass', secret: 'mySecret', type: 'hd' }],
         ]);
     });
     test('Vanity gen login', async () => {
-        const wrapper = mount(Login, {
+        const wrapper = shallowMount(Login, {
             props: {
                 advancedMode: false,
             },
@@ -75,15 +75,15 @@ describe('Login tests', () => {
         // Vanity gen is easy: it has no props
         expect(vanityGenComponent.props()).toStrictEqual({});
         // We can just emit a complete random event: VanityGen has already been unit tested!
-        vanityGenComponent.vm.emit('import-wallet', 'mySecret');
+        vanityGenComponent.vm.$emit('import-wallet', 'mySecret');
         // Make sure the Login component relays the right event
         expect(wrapper.emitted('import-wallet')).toHaveLength(1);
         expect(wrapper.emitted('import-wallet')).toStrictEqual([
             [{ secret: 'mySecret', type: 'legacy' }],
         ]);
     });
     test('Access wallet login (no advanced)', async () => {
-        const wrapper = mount(Login, {
+        const wrapper = shallowMount(Login, {
             props: {
                 advancedMode: false,
             },
@@ -96,15 +96,15 @@ describe('Login tests', () => {
             advancedMode: false,
         });
         // We can just emit a complete random event: AccessWallet has already been unit tested!
-        accessWalletComponent.vm.emit('import-wallet', 'mySecret', '');
+        accessWalletComponent.vm.$emit('import-wallet', 'mySecret', '');
         // Make sure the Login component relays the right event
         expect(wrapper.emitted('import-wallet')).toHaveLength(1);
         expect(wrapper.emitted('import-wallet')).toStrictEqual([
             [{ secret: 'mySecret', type: 'hd', password: '' }],
         ]);
     });
     test('Access wallet login (advanced)', async () => {
-        const wrapper = mount(Login, {
+        const wrapper = shallowMount(Login, {
             props: {
                 advancedMode: true,
             },
@@ -117,15 +117,15 @@ describe('Login tests', () => {
             advancedMode: true,
         });
         // We can just emit a complete random event: AccessWallet has already been unit tested!
-        accessWalletComponent.vm.emit('import-wallet', 'mySecret', 'myPass');
+        accessWalletComponent.vm.$emit('import-wallet', 'mySecret', 'myPass');
         // Make sure the Login component relays the right event
         expect(wrapper.emitted('import-wallet')).toHaveLength(1);
         expect(wrapper.emitted('import-wallet')).toStrictEqual([
             [{ secret: 'mySecret', type: 'hd', password: 'myPass' }],
         ]);
     });
     test('HardwareWallet login', async () => {
-        const wrapper = mount(Login, {
+        const wrapper = shallowMount(Login, {
             props: {
                 advancedMode: false,
             },