refactor: Migrate test framework from Jest to Vitest (#2216)

* Initial plan

* Update dependencies and config files for Vitest migration

Co-authored-by: setchy <[email protected]>

* Convert all Jest APIs to Vitest APIs in test files

Co-authored-by: setchy <[email protected]>

* Remove old jest.config.ts file

Co-authored-by: setchy <[email protected]>

* Trigger push of previous commits

Co-authored-by: setchy <[email protected]>

* Complete Jest to Vitest migration

Co-authored-by: setchy <[email protected]>

* pin

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* lint fixes

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* Update README.md

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

* migrate to vitest

Signed-off-by: Adam Setch <[email protected]>

---------

Signed-off-by: Adam Setch <[email protected]>
Co-authored-by: copilot-swe-agent[bot] <[email protected]>
Co-authored-by: setchy <[email protected]>
Co-authored-by: Adam Setch <[email protected]>

Author: Copilot

.github/workflows/test.yml

@@ -21,7 +21,7 @@ jobs:
         run: pnpm tsc --noEmit
 
       - name: Run tests with coverage
-        run: pnpm test:coverage --verbose
+        run: pnpm test
 
       - name: Archive code coverage results
         uses: actions/upload-artifact@b7c566a772e6b6bfb58ed0dc250532a479d7789f # v6.0.0

.vscode/extensions.json

@@ -6,6 +6,7 @@
     "GraphQL.vscode-graphql",
     "GraphQL.vscode-graphql-syntax",
     "lokalise.i18n-ally",
-    "SonarSource.sonarlint-vscode"
+    "SonarSource.sonarlint-vscode",
+    "vitest.explorer"
   ]
 }

.vscode/settings.json

@@ -17,6 +17,5 @@
   "i18n-ally.localesPaths": ["src/renderer/i18n/locales"],
   "i18n-ally.sourceLanguage": "en",
   "i18n-ally.keystyle": "nested",
-  "i18n-ally.sortKeys": true,
-  "jest.runMode": "on-save"
+  "i18n-ally.sortKeys": true
 }

CONTRIBUTING.md

@@ -37,7 +37,7 @@ To reload the app with the changes that `pnpm watch` has detected, you can use t
 
 There are 2 checks:
 1. linter & formatter with [biome][biome-website]
-2. unit tests with [jest][jest-website]
+2. unit tests with [vitest][vitest-website]
 
 ```shell
 # Run biome to check linting and formatting
@@ -46,7 +46,7 @@ pnpm lint:check
 # Run unit tests with coverage
 pnpm test
 
-# Update jest snapshots
+# Update vitest snapshots
 pnpm test -u
 ```
 
@@ -87,5 +87,5 @@ To add new locales
 [github-new-milestone]: https://github.com/setchy/atlassify/milestones/new
 [github-new-release]: https://github.com/setchy/atlassify/releases/new
 [homebrew-cask-autobump-workflow]: https://github.com/Homebrew/homebrew-cask/actions/workflows/autobump.yml
-[jest-website]: https://jestjs.io/
+[vitest-website]: https://vitest.dev/
 

jest.config.ts

@@ -20,10 +20,8 @@
     "package:win": "electron-builder --win --config ./config/electron-builder.js",
     "lint:check": "biome check",
     "lint": "biome check --fix",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:changed": "jest --onlyChanged",
-    "test:coverage": "jest --coverage",
+    "test": "vitest --coverage",
+    "test:ui": "vitest --ui",
     "start": "electron . --enable-logging",
     "prepare": "husky",
     "codegen": "graphql-codegen --config codegen.ts"
@@ -103,11 +101,13 @@
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/dotenv-webpack": "7.0.8",
-    "@types/jest": "30.0.0",
     "@types/node": "24.10.9",
     "@types/react": "19.2.10",
     "@types/react-dom": "19.2.3",
     "@types/react-router-dom": "5.3.3",
+    "@vitejs/plugin-react": "^5.1.3",
+    "@vitest/coverage-v8": "4.0.18",
+    "@vitest/ui": "4.0.18",
     "axios": "1.13.4",
     "clsx": "2.1.1",
     "concurrently": "9.2.1",
@@ -119,11 +119,10 @@
     "electron": "40.1.0",
     "electron-builder": "26.6.0",
     "graphql": "16.12.0",
+    "happy-dom": "^20.4.0",
     "html-webpack-plugin": "5.6.6",
     "husky": "9.1.7",
-    "identity-obj-proxy": "3.0.0",
-    "jest": "30.2.0",
-    "jest-environment-jsdom": "30.2.0",
+    "jsdom": "27.4.0",
     "mini-css-extract-plugin": "2.10.0",
     "nock": "13.5.6",
     "postcss": "8.5.6",
@@ -132,10 +131,10 @@
     "tailwind-merge": "3.4.0",
     "tailwindcss": "4.1.18",
     "terser-webpack-plugin": "5.3.16",
-    "ts-jest": "29.4.6",
     "ts-loader": "9.5.4",
     "ts-node": "10.9.2",
     "typescript": "5.9.3",
+    "vitest": "4.0.18",
     "webpack": "5.104.1",
     "webpack-cli": "6.0.1",
     "webpack-merge": "6.0.1"
@@ -153,6 +152,6 @@
   },
   "lint-staged": {
     "*": "biome check --fix --no-errors-on-unmatched",
-    "*.{js,ts,tsx}": "pnpm test:changed --passWithNoTests --updateSnapshot"
+    "*.{js,ts,tsx}": "pnpm test --changed --passWithNoTests --update --run"
   }
 }