From aefffa4a42e373585c3aa3b163afdfa1ccf5577b Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 10 Mar 2025 12:30:24 +0100
Subject: [PATCH 01/11] test: refs #8647 revert saveFn string

---
 src/components/CrudModel.vue               | 2 +-
 src/components/__tests__/CrudModel.spec.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/CrudModel.vue b/src/components/CrudModel.vue
index acc9fcb3f..afc875363 100644
--- a/src/components/CrudModel.vue
+++ b/src/components/CrudModel.vue
@@ -61,7 +61,7 @@ const $props = defineProps({
         default: null,
     },
     saveFn: {
-        type: [String, Function],
+        type: Function,
         default: null,
     },
     beforeSaveFn: {
diff --git a/src/components/__tests__/CrudModel.spec.js b/src/components/__tests__/CrudModel.spec.js
index b0eafbc02..c6a09fc3c 100644
--- a/src/components/__tests__/CrudModel.spec.js
+++ b/src/components/__tests__/CrudModel.spec.js
@@ -21,7 +21,7 @@ describe('CrudModel', () => {
                 dataKey: 'crudModelKey',
                 model: 'crudModel',
                 url: 'crudModelUrl',
-                saveFn: '',
+                saveFn: vi.fn(),
             },
         });
         wrapper = wrapper.wrapper;
@@ -223,7 +223,7 @@ describe('CrudModel', () => {
             expect(vm.isLoading).toBe(false);
             expect(vm.hasChanges).toBe(false);
 
-            await wrapper.setProps({ saveFn: '' });
+            await wrapper.setProps({ saveFn: null });
         });
 
         it("should use default url if there's not saveFn", async () => {

From 92a7f2c33c56690ea6b81b658ba8a1d6eb4f3418 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 10 Mar 2025 12:33:31 +0100
Subject: [PATCH 02/11] test: refs #8647 revert filter string

---
 src/components/ui/CardSummary.vue               | 2 +-
 src/components/ui/__tests__/CardSummary.spec.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index 6d43f9426..6a61994c1 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -12,7 +12,7 @@ const props = defineProps({
         default: '',
     },
     filter: {
-        type: [String, Object],
+        type: Object,
         default: null,
     },
     userFilter: {
diff --git a/src/components/ui/__tests__/CardSummary.spec.js b/src/components/ui/__tests__/CardSummary.spec.js
index 6bd742310..6506b28b8 100644
--- a/src/components/ui/__tests__/CardSummary.spec.js
+++ b/src/components/ui/__tests__/CardSummary.spec.js
@@ -29,7 +29,7 @@ describe('CardSummary', () => {
             propsData: {
                 dataKey: 'cardSummaryKey',
                 url: 'cardSummaryUrl',
-                filter: 'cardFilter',
+                filter: { key: 'cardFilter' },
             },
         });
         vm = wrapper.vm;
@@ -53,7 +53,7 @@ describe('CardSummary', () => {
 
     it('should set correct props to the store', () => {
         expect(vm.store.url).toEqual('cardSummaryUrl');
-        expect(vm.store.filter).toEqual('cardFilter');
+        expect(vm.store.filter).toEqual({ key: 'cardFilter' });
     });
 
     it('should respond to prop changes and refetch data', async () => {

From dcd4c327a02c8eb0f24c3e1ad8331b8336ced76e Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 10 Mar 2025 13:02:14 +0100
Subject: [PATCH 03/11] fix: refs #8647 solve warning

---
 src/composables/useArrayData.js | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index d1c1b01b8..ebe65d07e 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -8,24 +8,36 @@ import { isDialogOpened } from 'src/filters';
 const arrayDataStore = useArrayDataStore();
 
 export function useArrayData(key, userOptions) {
-    key ??= useRoute().meta.moduleName;
+    let route = null;
+    let router = null;
 
+    const initializeRouting = () => {
+        if (!route) route = useRoute();
+        if (!router) router = useRouter();
+        return { route, router };
+    };
+    // Si no hay key, intentamos obtenerla del route
+    if (!key) {
+        const { route: initialRoute, router: initialRouter } = initializeRouting();
+        key = initialRoute?.meta?.moduleName;
+        route = initialRoute;
+        router = initialRouter;
+    }
     if (!key) throw new Error('ArrayData: A key is required to use this composable');
 
     if (!arrayDataStore.get(key)) arrayDataStore.set(key);
 
     const store = arrayDataStore.get(key);
-    const route = useRoute();
-    const router = useRouter();
     let canceller = null;
 
     onMounted(() => {
         setOptions();
         reset(['skip']);
-
-        const query = route.query;
+        const { route: initialRoute, router: initialRouter } = initializeRouting();
+        route = initialRoute;
+        router = initialRouter;
         const searchUrl = store.searchUrl;
-        if (query[searchUrl]) {
+        if (route.query[searchUrl]) {
             const params = JSON.parse(query[searchUrl]);
             const filter =
                 params?.filter && typeof params?.filter == 'object'

From 6dbaf841a4e645d1da86ff5b734e5faaac0377da Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 10 Mar 2025 13:02:41 +0100
Subject: [PATCH 04/11] test: refs #8647 try to solve the problem

---
 src/composables/__tests__/useArrayData.spec.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/composables/__tests__/useArrayData.spec.js b/src/composables/__tests__/useArrayData.spec.js
index a610ba9eb..0bdcd135d 100644
--- a/src/composables/__tests__/useArrayData.spec.js
+++ b/src/composables/__tests__/useArrayData.spec.js
@@ -25,6 +25,7 @@ describe('useArrayData', () => {
         arrayData.fetch({});
 
         await flushPromises();
+        const router = useRouter();
         const routerReplace = useRouter().replace.mock.calls[0][0];
 
         expect(axios.get.mock.calls[0][1].params).toEqual({

From 6778a309dd098dd9ba64a8aa67cb8695260d6d10 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 11 Mar 2025 10:52:02 +0100
Subject: [PATCH 05/11] test: refs #8647 solve fail test

---
 src/composables/__tests__/useArrayData.spec.js |  2 +-
 src/composables/useArrayData.js                | 17 ++++++++---------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/composables/__tests__/useArrayData.spec.js b/src/composables/__tests__/useArrayData.spec.js
index 0bdcd135d..6ee6866c0 100644
--- a/src/composables/__tests__/useArrayData.spec.js
+++ b/src/composables/__tests__/useArrayData.spec.js
@@ -25,7 +25,7 @@ describe('useArrayData', () => {
         arrayData.fetch({});
 
         await flushPromises();
-        const router = useRouter();
+
         const routerReplace = useRouter().replace.mock.calls[0][0];
 
         expect(axios.get.mock.calls[0][1].params).toEqual({
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index ebe65d07e..cca34d3b3 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -11,14 +11,8 @@ export function useArrayData(key, userOptions) {
     let route = null;
     let router = null;
 
-    const initializeRouting = () => {
-        if (!route) route = useRoute();
-        if (!router) router = useRouter();
-        return { route, router };
-    };
     // Si no hay key, intentamos obtenerla del route
     if (!key) {
-        const { route: initialRoute, router: initialRouter } = initializeRouting();
         key = initialRoute?.meta?.moduleName;
         route = initialRoute;
         router = initialRouter;
@@ -30,15 +24,20 @@ export function useArrayData(key, userOptions) {
     const store = arrayDataStore.get(key);
     let canceller = null;
 
+    const { route: initialRoute, router: initialRouter } = (() => {
+        if (!route) route = useRoute();
+        if (!router) router = useRouter();
+        return { route, router };
+    })();
     onMounted(() => {
         setOptions();
         reset(['skip']);
-        const { route: initialRoute, router: initialRouter } = initializeRouting();
         route = initialRoute;
         router = initialRouter;
         const searchUrl = store.searchUrl;
-        if (route.query[searchUrl]) {
-            const params = JSON.parse(query[searchUrl]);
+        const query = route.query[searchUrl];
+        if (query) {
+            const params = JSON.parse(query);
             const filter =
                 params?.filter && typeof params?.filter == 'object'
                     ? params?.filter

From 6bee0ead8ccaba4acfd14d37bcf42ebb65f21197 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Sun, 16 Mar 2025 14:39:48 +0100
Subject: [PATCH 06/11] fix: refs #8647 allow searchUrl prop to accept both
 String and Boolean types

---
 src/components/ui/VnPaginate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/VnPaginate.vue b/src/components/ui/VnPaginate.vue
index 68968e6c5..5d5eac774 100644
--- a/src/components/ui/VnPaginate.vue
+++ b/src/components/ui/VnPaginate.vue
@@ -69,7 +69,7 @@ const props = defineProps({
         default: null,
     },
     searchUrl: {
-        type: String,
+        type: [String, Boolean],
         default: null,
     },
     disableInfiniteScroll: {

From e42f4797b1509e28cc52d3ffe3cf57c3efbe7fc3 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 25 Mar 2025 19:00:07 +0100
Subject: [PATCH 07/11] refactor: refs #8647 remove :data-cy in VnFilterPanel

---
 src/components/VnTable/VnTableFilter.vue | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/VnTable/VnTableFilter.vue b/src/components/VnTable/VnTableFilter.vue
index c62b8b0fc..79b903e54 100644
--- a/src/components/VnTable/VnTableFilter.vue
+++ b/src/components/VnTable/VnTableFilter.vue
@@ -26,12 +26,7 @@ function columnName(col) {
 }
 </script>
 <template>
-    <VnFilterPanel
-        v-bind="$attrs"
-        :search-button="true"
-        :disable-submit-event="true"
-        :data-key="$attrs['data-key']"
-    >
+    <VnFilterPanel v-bind="$attrs" :search-button="true" :disable-submit-event="true">
         <template #body="{ params, orders, searchFn }">
             <div
                 class="container"

From da1321ee345af4e527f21f483e6e862e28faef6f Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 9 Apr 2025 13:04:36 +0200
Subject: [PATCH 08/11] Merge branch 'dev' of https: refs
 #8647//gitea.verdnatura.es/verdnatura/salix-front into 8647_fix_warnings

---
 src/composables/__tests__/useArrayData.spec.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/composables/__tests__/useArrayData.spec.js b/src/composables/__tests__/useArrayData.spec.js
index ed2362ecc..a3fbbdd5d 100644
--- a/src/composables/__tests__/useArrayData.spec.js
+++ b/src/composables/__tests__/useArrayData.spec.js
@@ -51,8 +51,6 @@ describe('useArrayData', () => {
         arrayData.store.userParams = params;
         await arrayData.fetch({});
 
-        await flushPromises();
-
         const routerReplace = useRouter().replace.mock.calls[0][0];
 
         expect(axios.get).toHaveBeenCalledWith('mockUrl', {

From d31c2d55eb38549a8dabdc1aa490536719ea2442 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 9 Apr 2025 14:00:52 +0200
Subject: [PATCH 09/11] test: refs #8647 fix warnings arraydata and vnselect

---
 src/components/common/VnSelect.vue            | 24 +++++++++----------
 .../__tests__/useArrayData.spec.js            | 22 ++++++++++++++---
 test/vitest/helper.js                         |  8 +++++++
 test/vitest/setup-file.js                     | 12 ++++++++++
 4 files changed, 51 insertions(+), 15 deletions(-)

diff --git a/src/components/common/VnSelect.vue b/src/components/common/VnSelect.vue
index c2347a682..b30afd91f 100644
--- a/src/components/common/VnSelect.vue
+++ b/src/components/common/VnSelect.vue
@@ -152,10 +152,22 @@ const value = computed({
     },
 });
 
+const arrayDataKey =
+    $props.dataKey ??
+    ($props.url?.length > 0 ? $props.url : ($attrs.name ?? $attrs.label));
+
+const arrayData = useArrayData(arrayDataKey, {
+    url: $props.url,
+    searchUrl: false,
+    mapKey: $attrs['map-key'],
+});
+
 const computedSortBy = computed(() => {
     return $props.sortBy || $props.optionLabel + ' ASC';
 });
 
+const getVal = (val) => ($props.useLike ? { like: `%${val}%` } : val);
+
 watch(options, (newValue) => {
     setOptions(newValue);
 });
@@ -174,16 +186,6 @@ onMounted(() => {
     if ($props.focusOnMount) setTimeout(() => vnSelectRef.value.showPopup(), 300);
 });
 
-const arrayDataKey =
-    $props.dataKey ??
-    ($props.url?.length > 0 ? $props.url : ($attrs.name ?? $attrs.label));
-
-const arrayData = useArrayData(arrayDataKey, {
-    url: $props.url,
-    searchUrl: false,
-    mapKey: $attrs['map-key'],
-});
-
 function findKeyInOptions() {
     if (!$props.options) return;
     return filter($props.modelValue, $props.options)?.length;
@@ -293,8 +295,6 @@ function nullishToTrue(value) {
     return value ?? true;
 }
 
-const getVal = (val) => ($props.useLike ? { like: `%${val}%` } : val);
-
 async function onScroll({ to, direction, from, index }) {
     const lastIndex = myOptions.value.length - 1;
 
diff --git a/src/composables/__tests__/useArrayData.spec.js b/src/composables/__tests__/useArrayData.spec.js
index a3fbbdd5d..74be8ccff 100644
--- a/src/composables/__tests__/useArrayData.spec.js
+++ b/src/composables/__tests__/useArrayData.spec.js
@@ -4,6 +4,8 @@ import { useArrayData } from 'composables/useArrayData';
 import { useRouter } from 'vue-router';
 import * as vueRouter from 'vue-router';
 import { setActivePinia, createPinia } from 'pinia';
+import { defineComponent, h } from 'vue';
+import { mount } from '@vue/test-utils';
 
 describe('useArrayData', () => {
     const filter = '{"limit":20,"skip":0}';
@@ -43,7 +45,7 @@ describe('useArrayData', () => {
     it('should fetch and replace url with new params', async () => {
         vi.spyOn(axios, 'get').mockResolvedValueOnce({ data: [] });
 
-        const arrayData = useArrayData('ArrayData', {
+        const arrayData = mountArrayData('ArrayData', {
             url: 'mockUrl',
             searchUrl: 'params',
         });
@@ -72,7 +74,7 @@ describe('useArrayData', () => {
             data: [{ id: 1 }],
         });
 
-        const arrayData = useArrayData('ArrayData', {
+        const arrayData = mountArrayData('ArrayData', {
             url: 'mockUrl',
             navigate: {},
         });
@@ -94,7 +96,7 @@ describe('useArrayData', () => {
             ],
         });
 
-        const arrayData = useArrayData('ArrayData', {
+        const arrayData = mountArrayData('ArrayData', {
             url: 'mockUrl',
             oneRecord: true,
         });
@@ -107,3 +109,17 @@ describe('useArrayData', () => {
         });
     });
 });
+
+function mountArrayData(...args) {
+    let arrayData;
+
+    const TestComponent = defineComponent({
+        setup() {
+            arrayData = useArrayData(...args);
+            return () => h('div');
+        },
+    });
+
+    const asd = mount(TestComponent);
+    return arrayData;
+}
diff --git a/test/vitest/helper.js b/test/vitest/helper.js
index df4e8f66b..f70325254 100644
--- a/test/vitest/helper.js
+++ b/test/vitest/helper.js
@@ -27,8 +27,16 @@ vi.mock('vue', async (importOriginal) => {
             }
             return actual.inject(key);
         }),
+        onMounted: vi.fn((fn) => (fn && typeof fn === 'function' ? fn() : undefined)),
+        onBeforeMount: vi.fn((fn) => (fn && typeof fn === 'function' ? fn() : undefined)),
+        onUpdated: vi.fn((fn) => (fn && typeof fn === 'function' ? fn() : undefined)),
+        onUnmounted: vi.fn((fn) => (fn && typeof fn === 'function' ? fn() : undefined)),
+        onBeforeUnmount: vi.fn((fn) =>
+            fn && typeof fn === 'function' ? fn() : undefined,
+        ),
     };
 });
+
 vi.mock('vue-router', () => ({
     useRouter: () => ({
         push: mockPush,
diff --git a/test/vitest/setup-file.js b/test/vitest/setup-file.js
index 0ba9e53c2..38a14984f 100644
--- a/test/vitest/setup-file.js
+++ b/test/vitest/setup-file.js
@@ -1,5 +1,17 @@
 // This file will be run before each test file, don't delete or vitest will not work.
 import { vi } from 'vitest';
+let count = 0;
+beforeEach(() => {
+    vi.spyOn(console, 'warn').mockImplementation((message) => {
+        count++;
+        console.error('FALLO: ', message);
+        // throw new Error(`Test failed due to console.warn: ${message}`);
+    });
+});
+
+// afterEach(() => {
+//     vi.restoreAllMocks();
+// });
 
 vi.mock('axios');
 vi.mock('vue-router', () => ({

From a74e1102ed6a7cdcf6bad98ed2b37312cc2fcb5f Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 9 Apr 2025 15:32:53 +0200
Subject: [PATCH 10/11] test: refs #8647 deleted all warnings

---
 src/components/FormModel.vue                  |  7 +++++-
 src/components/common/__tests__/VnLog.spec.js |  6 +++--
 test/vitest/setup-file.js                     | 22 +++++++++----------
 3 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index 1fec1e6c9..f218ba9a6 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -99,6 +99,10 @@ const $props = defineProps({
         type: Function,
         default: () => {},
     },
+    preventSubmit: {
+        type: Boolean,
+        default: true,
+    },
 });
 const emit = defineEmits(['onFetch', 'onDataSaved']);
 const modelValue = computed(
@@ -301,7 +305,7 @@ function onBeforeSave(formData, originalData) {
     );
 }
 async function onKeyup(evt) {
-    if (evt.key === 'Enter' && !('prevent-submit' in attrs)) {
+    if (evt.key === 'Enter' && !$props.preventSubmit) {
         const input = evt.target;
         if (input.type == 'textarea' && evt.shiftKey) {
             let { selectionStart, selectionEnd } = input;
@@ -330,6 +334,7 @@ defineExpose({
 <template>
     <div class="column items-center full-width">
         <QForm
+            v-on="$attrs"
             ref="myForm"
             v-if="formData"
             @submit.prevent="save"
diff --git a/src/components/common/__tests__/VnLog.spec.js b/src/components/common/__tests__/VnLog.spec.js
index fcb516cc5..399b78a1d 100644
--- a/src/components/common/__tests__/VnLog.spec.js
+++ b/src/components/common/__tests__/VnLog.spec.js
@@ -90,8 +90,10 @@ describe('VnLog', () => {
 
         vm = createWrapper(VnLog, {
             global: {
-                stubs: [],
-                mocks: {},
+                stubs: ['FetchData', 'vue-i18n'],
+                mocks: {
+                    fetch: vi.fn(),
+                },
             },
             propsData: {
                 model: 'Claim',
diff --git a/test/vitest/setup-file.js b/test/vitest/setup-file.js
index 38a14984f..f0b577e85 100644
--- a/test/vitest/setup-file.js
+++ b/test/vitest/setup-file.js
@@ -1,16 +1,16 @@
-// This file will be run before each test file, don't delete or vitest will not work.
 import { vi } from 'vitest';
-let count = 0;
-beforeEach(() => {
-    vi.spyOn(console, 'warn').mockImplementation((message) => {
-        count++;
-        console.error('FALLO: ', message);
-        // throw new Error(`Test failed due to console.warn: ${message}`);
-    });
-});
+import { config } from '@vue/test-utils';
 
-// afterEach(() => {
-//     vi.restoreAllMocks();
+// beforeEach(() => {
+//     vi.spyOn(console, 'warn').mockImplementation((message) => {
+//         console.log('WARNING: ', message);
+//         throw new Error(`Test failed due to console.warn: ${message}`);
+//     });
+
+//     vi.spyOn(console, 'error').mockImplementation((message) => {
+//         console.log('FALLO: ', message);
+//         throw new Error(`Test failed due to console.warn: ${message}`);
+//     });
 // });
 
 vi.mock('axios');

From aefb7b7dcb3f784583054384401db0c81556d251 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Thu, 10 Apr 2025 09:34:18 +0200
Subject: [PATCH 11/11] feat: refs #8647 vitest fail on warning

---
 src/boot/__tests__/axios.spec.js             |   4 +-
 src/composables/__tests__/useSession.spec.js | 134 +++++++++----------
 test/vitest/setup-file.js                    |  33 +++--
 3 files changed, 88 insertions(+), 83 deletions(-)

diff --git a/src/boot/__tests__/axios.spec.js b/src/boot/__tests__/axios.spec.js
index 85d578517..45a3cc7f0 100644
--- a/src/boot/__tests__/axios.spec.js
+++ b/src/boot/__tests__/axios.spec.js
@@ -67,7 +67,7 @@ describe('Axios boot', () => {
             };
 
             const result = onResponseError(error);
-            expect(result).rejects.toEqual(expect.objectContaining(error));
+            await expect(result).rejects.toEqual(expect.objectContaining(error));
         });
 
         it('should call to the Notify plugin with a message from the response property', async () => {
@@ -83,7 +83,7 @@ describe('Axios boot', () => {
             };
 
             const result = onResponseError(error);
-            expect(result).rejects.toEqual(expect.objectContaining(error));
+            await expect(result).rejects.toEqual(expect.objectContaining(error));
         });
     });
 });
diff --git a/src/composables/__tests__/useSession.spec.js b/src/composables/__tests__/useSession.spec.js
index e86847b70..eb390e096 100644
--- a/src/composables/__tests__/useSession.spec.js
+++ b/src/composables/__tests__/useSession.spec.js
@@ -64,88 +64,84 @@ describe('session', () => {
         });
     });
 
-    describe(
-        'login',
-        () => {
-            const expectedUser = {
-                id: 999,
-                name: `T'Challa`,
-                nickname: 'Black Panther',
-                lang: 'en',
-                userConfig: {
-                    darkMode: false,
+    describe('login', () => {
+        const expectedUser = {
+            id: 999,
+            name: `T'Challa`,
+            nickname: 'Black Panther',
+            lang: 'en',
+            userConfig: {
+                darkMode: false,
+            },
+            worker: { department: { departmentFk: 155 } },
+        };
+        const rolesData = [
+            {
+                role: {
+                    name: 'salesPerson',
                 },
-                worker: { department: { departmentFk: 155 } },
-            };
-            const rolesData = [
-                {
-                    role: {
-                        name: 'salesPerson',
-                    },
+            },
+            {
+                role: {
+                    name: 'admin',
                 },
-                {
-                    role: {
-                        name: 'admin',
-                    },
-                },
-            ];
-            beforeEach(() => {
-                vi.spyOn(axios, 'get').mockImplementation((url) => {
-                    if (url === 'VnUsers/acls') return Promise.resolve({ data: [] });
-                    return Promise.resolve({
-                        data: { roles: rolesData, user: expectedUser },
-                    });
+            },
+        ];
+        beforeEach(() => {
+            vi.spyOn(axios, 'get').mockImplementation((url) => {
+                if (url === 'VnUsers/acls') return Promise.resolve({ data: [] });
+                return Promise.resolve({
+                    data: { roles: rolesData, user: expectedUser },
                 });
             });
+        });
 
-            it('should fetch the user roles and then set token in the sessionStorage', async () => {
-                const expectedRoles = ['salesPerson', 'admin'];
-                const expectedToken = 'mySessionToken';
-                const expectedTokenMultimedia = 'mySessionTokenMultimedia';
-                const keepLogin = false;
+        it('should fetch the user roles and then set token in the sessionStorage', async () => {
+            const expectedRoles = ['salesPerson', 'admin'];
+            const expectedToken = 'mySessionToken';
+            const expectedTokenMultimedia = 'mySessionTokenMultimedia';
+            const keepLogin = false;
 
-                await session.login({
-                    token: expectedToken,
-                    tokenMultimedia: expectedTokenMultimedia,
-                    keepLogin,
-                });
-
-                const roles = state.getRoles();
-                const localToken = localStorage.getItem('token');
-                const sessionToken = sessionStorage.getItem('token');
-
-                expect(roles.value).toEqual(expectedRoles);
-                expect(localToken).toBeNull();
-                expect(sessionToken).toEqual(expectedToken);
-
-                await session.destroy(); // this clears token and user for any other test
+            await session.login({
+                token: expectedToken,
+                tokenMultimedia: expectedTokenMultimedia,
+                keepLogin,
             });
 
-            it('should fetch the user roles and then set token in the localStorage', async () => {
-                const expectedRoles = ['salesPerson', 'admin'];
-                const expectedToken = 'myLocalToken';
-                const expectedTokenMultimedia = 'myLocalTokenMultimedia';
-                const keepLogin = true;
+            const roles = state.getRoles();
+            const localToken = localStorage.getItem('token');
+            const sessionToken = sessionStorage.getItem('token');
 
-                await session.login({
-                    token: expectedToken,
-                    tokenMultimedia: expectedTokenMultimedia,
-                    keepLogin,
-                });
+            expect(roles.value).toEqual(expectedRoles);
+            expect(localToken).toBeNull();
+            expect(sessionToken).toEqual(expectedToken);
 
-                const roles = state.getRoles();
-                const localToken = localStorage.getItem('token');
-                const sessionToken = sessionStorage.getItem('token');
+            await session.destroy(); // this clears token and user for any other test
+        });
 
-                expect(roles.value).toEqual(expectedRoles);
-                expect(localToken).toEqual(expectedToken);
-                expect(sessionToken).toBeNull();
+        it('should fetch the user roles and then set token in the localStorage', async () => {
+            const expectedRoles = ['salesPerson', 'admin'];
+            const expectedToken = 'myLocalToken';
+            const expectedTokenMultimedia = 'myLocalTokenMultimedia';
+            const keepLogin = true;
 
-                await session.destroy(); // this clears token and user for any other test
+            await session.login({
+                token: expectedToken,
+                tokenMultimedia: expectedTokenMultimedia,
+                keepLogin,
             });
-        },
-        {},
-    );
+
+            const roles = state.getRoles();
+            const localToken = localStorage.getItem('token');
+            const sessionToken = sessionStorage.getItem('token');
+
+            expect(roles.value).toEqual(expectedRoles);
+            expect(localToken).toEqual(expectedToken);
+            expect(sessionToken).toBeNull();
+
+            await session.destroy(); // this clears token and user for any other test
+        });
+    });
 
     describe('RenewToken', () => {
         const expectedToken = 'myToken';
diff --git a/test/vitest/setup-file.js b/test/vitest/setup-file.js
index f0b577e85..6b49d958f 100644
--- a/test/vitest/setup-file.js
+++ b/test/vitest/setup-file.js
@@ -1,17 +1,26 @@
-import { vi } from 'vitest';
-import { config } from '@vue/test-utils';
+import { afterAll, beforeAll, vi } from 'vitest';
 
-// beforeEach(() => {
-//     vi.spyOn(console, 'warn').mockImplementation((message) => {
-//         console.log('WARNING: ', message);
-//         throw new Error(`Test failed due to console.warn: ${message}`);
-//     });
+let vueWarnings = [];
 
-//     vi.spyOn(console, 'error').mockImplementation((message) => {
-//         console.log('FALLO: ', message);
-//         throw new Error(`Test failed due to console.warn: ${message}`);
-//     });
-// });
+const originalConsoleWarn = console.warn;
+
+beforeAll(() => {
+    console.warn = (...args) => {
+        vueWarnings.push(args.join(' '));
+    };
+});
+
+afterEach(() => {
+    if (vueWarnings.length > 0) {
+        const allWarnings = vueWarnings.join('\n');
+        vueWarnings = [];
+        throw new Error(`Vue warnings detected during test:\n${allWarnings}`);
+    }
+});
+
+afterAll(() => {
+    console.warn = originalConsoleWarn;
+});
 
 vi.mock('axios');
 vi.mock('vue-router', () => ({