feat: updates

package.json

@@ -54,12 +54,17 @@
         "postcss": "^8.4.23",
         "prettier": "^3.4.2",
         "sass": "^1.83.4",
-        "vitest": "^2.0.0"
+        "vitest": "^3.0.3"
     },
     "engines": {
         "node": "^20 || ^18 || ^16",
         "npm": ">= 8.1.2",
         "yarn": ">= 1.21.1",
         "bun": ">= 1.0.25"
+    },
+    "overrides": {
+        "@vitejs/plugin-vue": "^5.2.1",
+        "vite": "^6.0.11",
+        "vitest": "^0.31.1"
     }
 }

src/components/VnTable/__tests__/VnVisibleColumns.spec.js

@@ -1,8 +1,7 @@
 import { describe, expect, it, beforeEach, afterEach, vi } from 'vitest';
 import { createWrapper } from 'app/test/vitest/helper';
 import VnVisibleColumn from '../VnVisibleColumn.vue';
-import { axios } from 'app/test/vitest/helper';
+import { default as axios } from 'axios';
-
 describe('VnVisibleColumns', () => {
     let wrapper;
     let vm;

src/components/__tests__/CrudModel.spec.js

@@ -1,4 +1,6 @@
-import { createWrapper, axios } from 'app/test/vitest/helper';
+import { createWrapper } from 'app/test/vitest/helper';
+import { default as axios } from 'axios';
+
 import CrudModel from 'components/CrudModel.vue';
 import { vi, afterEach, beforeEach, beforeAll, describe, expect, it } from 'vitest';
 
@@ -168,16 +170,18 @@ describe('CrudModel', () => {
             result = vm.isEmpty(dummyArray);
 
             expect(result).toBe(false);
-        })
+        });
     });
 
     describe('resetData()', () => {
         it('should add $index to elements in data[] and sets originalData and formData with data', async () => {
-            data = [{
+            data = [
+                {
                     name: 'Tony',
                     lastName: 'Stark',
                     age: 42,
-            }];
+                },
+            ];
 
             vm.resetData(data);
 
@@ -210,11 +214,13 @@ describe('CrudModel', () => {
     });
 
     describe('saveChanges()', () => {
-        data = [{
+        data = [
+            {
                 name: 'Tony',
                 lastName: 'Stark',
                 age: 42,
-        }];
+            },
+        ];
 
         it('should call saveFn if exists', async () => {
             await wrapper.setProps({ saveFn: vi.fn() });
@@ -231,11 +237,13 @@ describe('CrudModel', () => {
         it("should use default url if there's not saveFn", async () => {
             const postMock = vi.spyOn(axios, 'post');
 
-            vm.formData = [{
+            vm.formData = [
+                {
                     name: 'Bruce',
                     lastName: 'Wayne',
                     age: 45,
-            }]
+                },
+            ];
 
             await vm.saveChanges(data);
 

src/components/__tests__/EditTableCellValueForm.spec.js

@@ -1,4 +1,5 @@
-import { createWrapper, axios } from 'app/test/vitest/helper';
+import { createWrapper } from 'app/test/vitest/helper';
+import { default as axios } from 'axios';
 import EditForm from 'components/EditTableCellValueForm.vue';
 import { vi, afterEach, beforeAll, describe, expect, it } from 'vitest';
 

src/components/__tests__/FilterItemForm.spec.js

@@ -1,4 +1,6 @@
-import { createWrapper, axios } from 'app/test/vitest/helper';
+import { createWrapper } from 'app/test/vitest/helper';
+import { default as axios } from 'axios';
+
 import FilterItemForm from 'src/components/FilterItemForm.vue';
 import { vi, beforeAll, describe, expect, it } from 'vitest';
 
@@ -38,7 +40,7 @@ describe('FilterItemForm', () => {
                 { relation: 'producer', scope: { fields: ['name'] } },
                 { relation: 'ink', scope: { fields: ['name'] } },
             ],
-            where: {"name":{"like":"%bolas de madera%"}},
+            where: { name: { like: '%bolas de madera%' } },
         };
 
         expect(axios.get).toHaveBeenCalledWith('Items/withName', {

src/components/__tests__/FormModel.spec.js

@@ -1,5 +1,7 @@
 import { describe, expect, it, beforeAll, vi, afterAll } from 'vitest';
-import { createWrapper, axios } from 'app/test/vitest/helper';
+import { createWrapper } from 'app/test/vitest/helper';
+import { default as axios } from 'axios';
+
 import FormModel from 'src/components/FormModel.vue';
 
 describe('FormModel', () => {

src/components/common/__tests__/VnDmsList.spec.js

@@ -1,4 +1,6 @@
-import { createWrapper, axios } from 'app/test/vitest/helper';
+import { createWrapper } from 'app/test/vitest/helper';
+import { default as axios } from 'axios';
+
 import VnDmsList from 'src/components/common/VnDmsList.vue';
 import { vi, afterEach, beforeAll, describe, expect, it } from 'vitest';
 
@@ -6,7 +8,7 @@ describe('VnDmsList', () => {
     let vm;
     const dms = {
         userFk: 1,
-        name: 'DMS 1' 
+        name: 'DMS 1',
     };
 
     beforeAll(() => {
@@ -18,8 +20,8 @@ describe('VnDmsList', () => {
                 filter: 'wd.workerFk',
                 updateModel: 'Workers',
                 deleteModel: 'WorkerDms',
-                downloadModel: 'WorkerDms' 
+                downloadModel: 'WorkerDms',
-            }
+            },
         }).vm;
     });
 
@@ -34,7 +36,7 @@ describe('VnDmsList', () => {
                 name: 'Jessica',
                 lastName: 'Jones',
                 file: '4.jpg',
-                created: '2021-07-28 21:00:00'
+                created: '2021-07-28 21:00:00',
             },
             {
                 userFk: 2,
@@ -47,22 +49,21 @@ describe('VnDmsList', () => {
                     lastName: 'BannerDMS',
                     created: '2022-07-28 21:00:00',
                     file: '4.jpg',
-                } 
+                },
             },
             {
                 userFk: 3,
                 name: 'Natasha',
                 lastName: 'Romanoff',
                 file: '4.jpg',
-                created: '2021-10-28 21:00:00'
+                created: '2021-10-28 21:00:00',
-            }  
+            },
-        ]
+        ];
 
         it('Should replace objects that contain the "dms" property with the value of the same and sort by creation date', () => {
             vm.setData(data);
             expect([vm.rows][0][0].lastName).toEqual('BannerDMS');
             expect([vm.rows][0][1].lastName).toEqual('Romanoff');
-
         });
     });
 

src/components/common/__tests__/VnNotes.spec.js

@@ -1,5 +1,7 @@
 import { describe, it, expect, vi, beforeAll, afterEach, beforeEach } from 'vitest';
-import { createWrapper, axios } from 'app/test/vitest/helper';
+import { createWrapper } from 'app/test/vitest/helper';
+import { default as axios } from 'axios';
+
 import VnNotes from 'src/components/ui/VnNotes.vue';
 
 describe('VnNotes', () => {
@@ -8,10 +10,18 @@ describe('VnNotes', () => {
     let spyFetch;
     let postMock;
     let expectedBody;
-    const mockData= {name: 'Tony', lastName: 'Stark', text: 'Test Note', observationTypeFk: 1};
+    const mockData = {
+        name: 'Tony',
+        lastName: 'Stark',
+        text: 'Test Note',
+        observationTypeFk: 1,
+    };
 
     function generateExpectedBody() {
-        expectedBody = {...vm.$props.body, ...{ text: vm.newNote.text, observationTypeFk: vm.newNote.observationTypeFk }};
+        expectedBody = {
+            ...vm.$props.body,
+            ...{ text: vm.newNote.text, observationTypeFk: vm.newNote.observationTypeFk },
+        };
     }
 
     async function setTestParams(text, observationType, type) {
@@ -27,7 +37,7 @@ describe('VnNotes', () => {
             propsData: {
                 url: '/test',
                 body: { name: 'Tony', lastName: 'Stark' },
-            }
+            },
         });
         wrapper = wrapper.wrapper;
         vm = wrapper.vm;
@@ -54,7 +64,7 @@ describe('VnNotes', () => {
         });
 
         it('should not call axios.post and vnPaginateRef.fetch if newNote.text is empty', async () => {
-            await setTestParams( "", null, false );
+            await setTestParams('', null, false);
 
             await vm.insert();
 
@@ -63,7 +73,7 @@ describe('VnNotes', () => {
         });
 
         it('should not call axios.post and vnPaginateRef.fetch if observationTypeFk is missing and selectType is true', async () => {
-            await setTestParams( "Test Note", null, true );
+            await setTestParams('Test Note', null, true);
 
             await vm.insert();
 
@@ -72,7 +82,7 @@ describe('VnNotes', () => {
         });
 
         it('should call axios.post and vnPaginateRef.fetch if observationTypeFk is missing and selectType is false', async () => {
-            await setTestParams( "Test Note", null, false );
+            await setTestParams('Test Note', null, false);
 
             generateExpectedBody();
 
@@ -83,7 +93,7 @@ describe('VnNotes', () => {
         });
 
         it('should call axios.post and vnPaginateRef.fetch if observationTypeFk is setted and selectType is false', async () => {
-            await setTestParams( "Test Note", 1, false );
+            await setTestParams('Test Note', 1, false);
 
             generateExpectedBody();
 
@@ -94,7 +104,7 @@ describe('VnNotes', () => {
         });
 
         it('should call axios.post and vnPaginateRef.fetch when newNote is valid', async () => {
-            await setTestParams( "Test Note", 1, true );
+            await setTestParams('Test Note', 1, true);
 
             generateExpectedBody();
 

src/components/ui/__tests__/CardSummary.spec.js

@@ -1,5 +1,7 @@
 import { vi, describe, expect, it, beforeAll, afterEach, beforeEach } from 'vitest';
-import { createWrapper, axios } from 'app/test/vitest/helper';
+import { createWrapper } from 'app/test/vitest/helper';
+import { default as axios } from 'axios';
+
 import CardSummary from 'src/components/ui/CardSummary.vue';
 import * as vueRouter from 'vue-router';
 

src/composables/useSession.js

@@ -60,7 +60,7 @@ export function useSession() {
                 const { data: isValidToken } = await axios.get('VnUsers/validateToken');
                 if (isValidToken)
                     destroyTokenPromises = Object.entries(tokens).map(([key, url]) =>
-                        destroyToken(url, storage, key)
+                        destroyToken(url, storage, key),
                     );
             }
         } finally {

src/pages/Claim/Card/ClaimPhoto.vue

@@ -61,7 +61,7 @@ watch(
     () => {
         claimDmsFilter.value.where.id = router.currentRoute.value.params.id;
         claimDmsRef.value.fetch();
-    }
+    },
 );
 
 function openDialog(dmsId) {

test/vitest/helper.js

@@ -40,8 +40,6 @@ vi.mock('vue-router', () => ({
     onBeforeRouteLeave: () => {},
 }));
 
-vi.mock('axios');
-
 vi.spyOn(useValidator, 'useValidator').mockImplementation(() => {
     return {
         validate: vi.fn(),