started jest to vitest migration

src/Resources/package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check \"build-only {@}\" --",
-    "test:unit": "vitest",
+    "test:unit": "vitest run",
     "build-only": "vite build",
     "type-check": "vue-tsc --build --force",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts",

src/Resources/tests/unit/setup-jest.ts → src/Resources/tests/unit/setup-vi.ts

@@ -1,27 +1,28 @@
+import { vi } from 'vitest';
 import { computed } from 'vue';
 
-jest.mock('vue-i18n', () => ({
+vi.mock('vue-i18n', () => ({
     useI18n: () => ({
         t: (key: string) => key,
         locale: computed(() => 'en')
     })
 }));
 
-jest.mock('@marcoschulte/vue3-progress', () => ({
+vi.mock('@marcoschulte/vue3-progress', () => ({
     useProgress: () => ({
         start: () => ({
             finish: () => void 0
         })
     })
 }));
 
-jest.mock('vue-router', () => ({
+vi.mock('vue-router', () => ({
     useRouter: () => ({
         push: () => void 0
     })
 }));
 
-jest.mock('tools/mercureReceiver', () => ({
+vi.mock('tools/mercureReceiver', () => ({
     mercureReceiver: {
         init: async () => new Promise((resolve) => resolve(undefined))
     }

src/Resources/tests/unit/stores/participationsStore.spec.ts

@@ -4,6 +4,7 @@ import { ref } from 'vue';
 import Participations from '../fixtures/menuParticipations.json';
 import Update from '../fixtures/participationUpdateResponse.json';
 import { IProfile } from '@/stores/profilesStore';
+import { describe, beforeEach, it, expect, vi } from 'vitest';
 
 const asyncFunc: () => Promise<void> = async () => {
     new Promise((resolve) => resolve(undefined));
@@ -33,7 +34,7 @@ const getMockedResponses = (method: string, url: string) => {
 
 // @ts-expect-error ts doesn't allow reassignig a import but we need that to mock that function
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-useApi = jest.fn().mockImplementation((method: string, url: string) => getMockedResponses(method, url));
+useApi = vi.fn().mockImplementation((method: string, url: string) => getMockedResponses(method, url));
 
 describe('Test participationsStore', () => {
     const {

src/Resources/tests/unit/stores/profilesStore.spec.ts

@@ -3,6 +3,7 @@ import useApi from '@/api/api';
 import { ref } from 'vue';
 import Profiles from '../fixtures/abstaining.json';
 import HashedProfile from '../fixtures/hashProfile.json';
+import { describe, it, expect, vi } from 'vitest';
 
 const WEEK_ID = 123;
 
@@ -28,7 +29,7 @@ const getMockedResponses = (method: string, url: string) => {
 
 // @ts-expect-error ts doesn't allow reassignig a import but we need that to mock that function
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-useApi = jest.fn().mockImplementation((method: string, url: string) => getMockedResponses(method, url));
+useApi = vi.fn().mockImplementation((method: string, url: string) => getMockedResponses(method, url));
 
 describe('Test profilesStore', () => {
     it('should not contain data before fetching', () => {

src/Resources/tests/unit/stores/timeSlotStore.spec.ts

@@ -1,9 +1,9 @@
 import { useTimeSlots } from '@/stores/timeSlotStore';
-import { beforeEach, describe } from '@jest/globals';
 import { ref } from 'vue';
 import updatedSlot from '../fixtures/updatedSlot.json';
 import timeSlots from '../fixtures/getTimeSlots.json';
 import useApi from '@/api/api';
+import { describe, beforeEach, it, expect } from 'vitest';
 
 const asyncFunc: () => Promise<void> = async () => {
     new Promise((resolve) => resolve(undefined));

src/Resources/tests/unit/stores/weeksStore.spec.ts

@@ -3,6 +3,7 @@ import useApi from '@/api/api';
 import { ref } from 'vue';
 import Weeks from '../fixtures/getWeeks.json';
 import DishesCount from '../fixtures/dishesCount.json';
+import { describe, beforeEach, it, expect } from 'vitest';
 
 const asyncFunc: () => Promise<void> = async () => {
     new Promise((resolve) => resolve(undefined));

src/Resources/tests/unit/timeslots/SlotActions.spec.ts

@@ -1,7 +1,7 @@
 import SlotActions from '@/components/timeslots/SlotActions.vue';
-import { describe, expect, it } from '@jest/globals';
 import { mount } from '@vue/test-utils';
 import { TimeSlot } from '@/stores/timeSlotStore';
+import { describe, it, expect } from 'vitest';
 
 const timeSlot: TimeSlot = {
     title: 'TestSlot 1234',

src/Resources/tests/unit/timeslots/SlotCreationPanel.spec.ts

@@ -1,7 +1,7 @@
 import SlotCreationPanel from '@/components/timeslots/SlotCreationPanel.vue';
 import InputLabel from '@/components/misc/InputLabel.vue';
-import { describe, it } from '@jest/globals';
 import { mount } from '@vue/test-utils';
+import { describe, it, expect } from 'vitest';
 
 describe('Test SlotCreationPanel', () => {
     it('should contain a header, three InputLbel-components and a separate input field', () => {

src/Resources/tests/unit/timeslots/SlotHeader.spec.ts

@@ -1,7 +1,7 @@
-import { describe, expect } from '@jest/globals';
 import { mount } from '@vue/test-utils';
 import CreateButton from '@/components/misc/CreateButton.vue';
 import SlotHeader from '@/components/timeslots/SlotHeader.vue';
+import { describe, it, expect } from 'vitest';
 
 describe('Test SlotHeader', () => {
     it('should have a Header with the correct i18n text', () => {

src/Resources/tests/unit/tools/localeHelper.spec.ts

@@ -1,5 +1,6 @@
 import { DateTime } from '@/api/getDashboardData';
 import { translateWeekday, translateWeekdayWithoutRef, translateMonth } from '@/tools/localeHelper';
+import { describe, beforeAll, afterAll, it, expect, vi } from 'vitest';
 import { computed, ref } from 'vue';
 
 const dateTime: DateTime = {
@@ -20,12 +21,12 @@ const computedLocale = computed({
 
 describe('Test localeHelper', () => {
     beforeAll(() => {
-        jest.useFakeTimers();
-        jest.setSystemTime(new Date(2023, 3, 15));
+        vi.useFakeTimers();
+        vi.setSystemTime(new Date(2023, 3, 15));
     });
 
     afterAll(() => {
-        jest.useRealTimers();
+        vi.useRealTimers();
     });
 
     it('should return the correct weekday representation', () => {

src/Resources/tests/unit/unitTestsFunctional.spec.ts

@@ -1,15 +1,15 @@
 import { mount, shallowMount } from '@vue/test-utils';
-import { test, expect, describe } from '@jest/globals';
 import Footer from '@/components/Footer.vue';
 import HelloTest from '@/components/test/HelloTest.vue';
 import { computed } from 'vue';
+import { describe, expect, test, vi } from 'vitest';
 
 const MessageComponent = {
     template: '<p>{{ msg }}</p>',
     props: ['msg']
 };
 
-jest.mock('vue-i18n', () => ({
+vi.mock('vue-i18n', () => ({
     useI18n: () => ({
         t: (key: string) => key,
         locale: computed(() => 'en')

src/Resources/tests/unit/week/WeekOverview.spec.ts

@@ -1,6 +1,7 @@
 import WeekOverview from '@/components/weeks/WeekOverview.vue';
 import { Week } from '@/stores/weeksStore';
 import { mount } from '@vue/test-utils';
+import { describe, it, expect } from 'vitest';
 
 const weekOne: Week = {
     id: 57,

src/Resources/vitest.config.ts

@@ -8,7 +8,13 @@ export default mergeConfig(
     test: {
       environment: 'jsdom',
       exclude: [...configDefaults.exclude, 'e2e/**'],
-      root: fileURLToPath(new URL('./', import.meta.url))
+      root: fileURLToPath(new URL('./', import.meta.url)),
+      setupFiles: './tests/unit/setup-vi.ts'
+    },
+    resolve: {
+      alias: {
+        '@': fileURLToPath(new URL('./src', import.meta.url))
+      }
     }
   })
 )