Add comprehensive unit tests and test infrastructure (#110)

* Add vitest + tests infrastructure
* Add test for almost all the components + fix linter issues
* Fix typo: onCopyToClipbard => onCopyToClipboard
* Improve SearchProcessor abort logic

Author: gpailler

.github/workflows/build-deploy.yml

@@ -38,6 +38,15 @@ jobs:
     - name: Code linter
       run: pnpm run lint
 
+    - name: Run tests and generate coverage report
+      run: pnpm test:coverage
+
+    - name: Upload coverage report
+      uses: actions/upload-artifact@v4
+      with:
+        name: coverage_report
+        path: ${{ github.workspace }}/coverage
+
     - name: Build Staging Website
       run: pnpm run build
       env:

package.json

@@ -3,6 +3,7 @@
   "version": "0.2.1",
   "private": true,
   "dependencies": {
+    "@dr.pogodin/react-helmet": "^3.0.4",
     "@testing-library/jest-dom": "^6.9.1",
     "asciinema-player": "^3.0.1",
     "bootstrap": "^5.3.8",
@@ -11,7 +12,6 @@
     "react": "^19.2.0",
     "react-bootstrap": "^2.10.10",
     "react-dom": "^19.2.0",
-    "@dr.pogodin/react-helmet": "^3.0.4",
     "react-icons": "^5.5.0",
     "react-image": "^4.0.3",
     "react-router-dom": "^7.9.6",
@@ -25,7 +25,12 @@
     "preview": "vite preview",
     "lint": "biome check .",
     "lint:fix": "biome check --write .",
-    "format": "biome format --write ."
+    "format": "biome format --write .",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest watch"
   },
   "browserslist": {
     "production": [
@@ -41,16 +46,21 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^2.3.7",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^30.0.0",
     "@types/node": "^24.0.0",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/coverage-v8": "^4.0.14",
+    "@vitest/ui": "^4.0.14",
+    "jsdom": "^27.2.0",
+    "msw": "^2.12.3",
     "rollup-plugin-visualizer": "^6.0.5",
     "typescript": "^5.9.3",
-    "vite": "^7.2.4"
+    "vite": "^7.2.4",
+    "vitest": "^4.0.14"
   }
 }