feat: replace jest with vitest

package.json

@@ -12,7 +12,7 @@
     "lint": "eslint --ignore-pattern '*.test.*' ./src --ext .vue,.js,.ts",
     "lint:markup": "vue-tsc --noEmit",
     "cypress:open": "cypress open",
-    "test:unit": "jest",
+    "test:unit": "vitest run",
     "test:frontend": "cypress run",
     "browserslist:update": "npx browserslist@latest --update-db"
   },
@@ -59,7 +59,6 @@
     "@fortawesome/free-solid-svg-icons": "5.15.4",
     "@fortawesome/vue-fontawesome": "3.0.0-5",
     "@types/flexsearch": "0.7.2",
-    "@types/jest": "27.4.0",
     "@typescript-eslint/eslint-plugin": "5.9.0",
     "@typescript-eslint/parser": "5.9.0",
     "@vitejs/plugin-legacy": "1.6.4",
@@ -76,19 +75,19 @@
     "eslint-plugin-vue": "8.2.0",
     "express": "4.17.2",
     "faker": "5.5.3",
-    "jest": "27.4.5",
     "netlify-cli": "8.6.4",
+    "happy-dom": "^2.25.1",
     "postcss": "8.4.5",
     "postcss-preset-env": "7.2.0",
     "rollup": "2.63.0",
     "rollup-plugin-visualizer": "5.5.2",
     "sass": "1.45.2",
     "slugify": "1.6.5",
-    "ts-jest": "27.1.2",
     "typescript": "4.5.4",
     "vite": "2.7.10",
     "vite-plugin-pwa": "0.11.12",
     "vite-svg-loader": "3.1.1",
+    "vitest": "^0.0.125",
     "vue-tsc": "0.30.2",
     "wait-on": "6.0.0",
     "workbox-cli": "6.4.2"
@@ -144,24 +143,6 @@
       "autoprefixer": {}
     }
   },
-  "jest": {
-    "testPathIgnorePatterns": [
-      "cypress"
-    ],
-    "testEnvironment": "jsdom",
-    "preset": "ts-jest",
-    "roots": [
-      "<rootDir>/src"
-    ],
-    "transform": {
-      "^.+\\.(js|tsx?)$": "ts-jest"
-    },
-    "moduleFileExtensions": [
-      "ts",
-      "js",
-      "json"
-    ]
-  },
   "license": "AGPL-3.0-or-later",
   "packageManager": "yarn@1.22.17"
 }

src/helpers/calculateTaskPosition.test.ts

@@ -1,3 +1,5 @@
+import {it, expect} from 'vitest'
+
 import {calculateItemPosition} from './calculateItemPosition'
 
 it('should calculate the task position', () => {

src/helpers/checklistFromText.test.ts

@@ -1,3 +1,5 @@
+import {describe, it, expect} from 'vitest'
+
 import {findCheckboxesInText, getChecklistStatistics} from './checklistFromText'
 
 describe('Find checklists in text', () => {

src/helpers/color/colorFromHex.test.js

@@ -1,3 +1,5 @@
+import {test, expect} from 'vitest'
+
 import {colorFromHex} from './colorFromHex'
 
 test('hex', () => {

src/helpers/color/colorIsDark.test.js

@@ -1,3 +1,5 @@
+import {test, expect} from 'vitest'
+
 import {colorIsDark} from './colorIsDark'
 
 test('dark color', () => {

src/helpers/labels.test.ts

@@ -1,3 +1,5 @@
+import {describe, it, expect} from 'vitest'
+
 import {filterLabelsByQuery} from './labels'
 import {createNewIndexer} from '../indexes'
 

src/helpers/time/calculateDayInterval.test.js

@@ -1,3 +1,5 @@
+import {test, expect} from 'vitest'
+
 import {calculateDayInterval} from './calculateDayInterval'
 
 const days = {

src/helpers/time/calculateNearestTime.test.js

@@ -1,3 +1,5 @@
+import {test, expect} from 'vitest'
+
 import {calculateNearestHours} from './calculateNearestHours'
 
 test('5:00', () => {

src/helpers/time/createDateFromString.test.js

@@ -1,3 +1,5 @@
+import {test, expect} from 'vitest'
+
 import {createDateFromString} from './createDateFromString'
 
 test('YYYY-MM-DD HH:MM', () => {

src/modules/listHistory.test.ts

@@ -1,14 +1,15 @@
+import {test, expect, fn} from 'vitest'
 import {getHistory, removeListFromHistory, saveListToHistory} from './listHistory'
 
 test('return an empty history when none was saved', () => {
-	Storage.prototype.getItem = jest.fn(() => null)
+	Storage.prototype.getItem = fn(() => null)
 	const h = getHistory()
 	expect(h).toStrictEqual([])
 })
 
 test('return a saved history', () => {
 	const saved = [{id: 1}, {id: 2}]
-	Storage.prototype.getItem = jest.fn(() => JSON.stringify(saved))
+	Storage.prototype.getItem = fn(() => JSON.stringify(saved))
 
 	const h = getHistory()
 	expect(h).toStrictEqual(saved)
@@ -16,8 +17,8 @@ test('return a saved history', () => {
 
 test('store list in history', () => {
 	let saved = {}
-	Storage.prototype.getItem = jest.fn(() => null)
+	Storage.prototype.getItem = fn(() => null)
-	Storage.prototype.setItem = jest.fn((key, lists) => {
+	Storage.prototype.setItem = fn((key, lists) => {
 		saved = lists
 	})
 
@@ -27,8 +28,8 @@ test('store list in history', () => {
 
 test('store only the last 5 lists in history', () => {
 	let saved: string | null = null
-	Storage.prototype.getItem = jest.fn(() => saved)
+	Storage.prototype.getItem = fn(() => saved)
-	Storage.prototype.setItem = jest.fn((key: string, lists: string) => {
+	Storage.prototype.setItem = fn((key: string, lists: string) => {
 		saved = lists
 	})
 
@@ -43,8 +44,8 @@ test('store only the last 5 lists in history', () => {
 
 test('don\'t store the same list twice', () => {
 	let saved: string | null = null
-	Storage.prototype.getItem = jest.fn(() => saved)
+	Storage.prototype.getItem = fn(() => saved)
-	Storage.prototype.setItem = jest.fn((key: string, lists: string) => {
+	Storage.prototype.setItem = fn((key: string, lists: string) => {
 		saved = lists
 	})
 
@@ -55,8 +56,8 @@ test('don\'t store the same list twice', () => {
 
 test('move a list to the beginning when storing it multiple times', () => {
 	let saved: string | null = null
-	Storage.prototype.getItem = jest.fn(() => saved)
+	Storage.prototype.getItem = fn(() => saved)
-	Storage.prototype.setItem = jest.fn((key: string, lists: string) => {
+	Storage.prototype.setItem = fn((key: string, lists: string) => {
 		saved = lists
 	})
 
@@ -68,11 +69,11 @@ test('move a list to the beginning when storing it multiple times', () => {
 
 test('remove list from history', () => {
 	let saved: string | null = '[{"id": 1}]'
-	Storage.prototype.getItem = jest.fn(() => null)
+	Storage.prototype.getItem = fn(() => null)
-	Storage.prototype.setItem = jest.fn((key: string, lists: string) => {
+	Storage.prototype.setItem = fn((key: string, lists: string) => {
 		saved = lists
 	})
-	Storage.prototype.removeItem = jest.fn((key: string) => {
+	Storage.prototype.removeItem = fn((key: string) => {
 		saved = null
 	})
 

src/modules/parseTaskText.test.js

@@ -1,3 +1,5 @@
+import {describe, it, expect} from 'vitest'
+
 import {parseTaskText} from './parseTaskText'
 import {getDateFromText, getDateFromTextIn} from '../helpers/time/parseDate'
 import {calculateDayInterval} from '../helpers/time/calculateDayInterval'

tsconfig.json

@@ -15,7 +15,6 @@
     "baseUrl": ".",
     "isolatedModules": true,
     "types": [
-      "jest",
       "vite/client"
     ],
     "paths": {

vite.config.ts

@@ -1,3 +1,4 @@
+/// <reference types="vitest" />
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import legacyFn from '@vitejs/plugin-legacy'
@@ -27,6 +28,10 @@ if (isModernBuild) {
 }
 
 export default defineConfig({
+	// https://vitest.dev/config/
+	test: {
+		environment: 'happy-dom',
+	},
 	css: {
 		preprocessorOptions: {
 			scss: {