refs #6384 test: fix vitest

test/vitest/__tests__/components/common/VnSearchBar.spec.js

@@ -2,36 +2,6 @@ import { vi, describe, expect, it, beforeAll, beforeEach, afterEach } from 'vite
 import { createWrapper, axios } from 'app/test/vitest/helper';
 import VnSearchbar from 'components/ui/VnSearchbar.vue';
 
-vi.mock('vue-router', () => ({
-    useRouter: () => ({
-        push: vi.fn( ),
-        currentRoute: {
-            value: {
-                params: {
-                    id: 11,
-                },
-            },
-        },
-    }),
-    useRoute: () => ({
-        matched: [
-            {
-                path: '/',
-            },
-            {
-                path: '/customer',
-            },
-            {
-                path: '/customer/:id',
-            },
-            {
-                path: '/customer/:id/basic-data',
-            },
-        ],
-        query: {},
-        params: {},
-    }),
-}));
 
 describe('VnSearchBar', () => {
     let vm;
@@ -46,7 +16,20 @@ describe('VnSearchBar', () => {
             },
         });
         vm = wrapper.vm;
-
+        vm.route.matched = [
+            {
+                path: '/',
+            },
+            {
+                path: '/customer',
+            },
+            {
+                path: '/customer/:id',
+            },
+            {
+                path: '/customer/:id/basic-data',
+            },
+        ];
     });
 
     afterEach(() => {

test/vitest/helper.js

@@ -14,6 +14,25 @@ installQuasarPlugin({
     },
 });
 const pinia = createTestingPinia({ createSpy: vi.fn, stubActions: false });
+const mockPush = vi.fn();
+
+vi.mock('vue-router', () => ({
+    useRouter: () => ({
+        push: mockPush,
+        currentRoute: {
+            value: {
+                params: {
+                    id: 1,
+                },
+            },
+        },
+    }),
+    useRoute: () => ({
+        matched: [],
+        query: {},
+        params: {},
+    }),
+}));
 
 vi.mock('axios');
 
@@ -55,7 +74,6 @@ export function createWrapper(component, options) {
         mocks: {
             t: (tKey) => tKey,
             $t: (tKey) => tKey,
-            customRouter: false
         },
     };