ci: integrate automated code coverage reports

.github/workflows/frontend-ci.yml

@@ -130,6 +130,30 @@ jobs:
             npm test -- src/test/regression.test.ts
           fi
 
+      # -----------------------------------
+      # Coverage generation (refs #39)
+      # -----------------------------------
+      - name: Run tests with coverage
+        run: |
+          if [ "${{ steps.pm.outputs.manager }}" = "pnpm" ]; then
+            pnpm test:coverage
+          elif [ "${{ steps.pm.outputs.manager }}" = "yarn" ]; then
+            yarn test --coverage
+          else
+            npm run test:coverage
+          fi
+
+      # -----------------------------------
+      # Upload coverage report as a CI artifact (refs #39)
+      # -----------------------------------
+      - name: Upload coverage report
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: frontend-coverage
+          path: frontend/coverage/
+          if-no-files-found: error
+
       # -----------------------------------
       # Build check
       # -----------------------------------

frontend/package.json

@@ -8,6 +8,7 @@
     "start": "next start",
     "lint": "eslint",
     "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
     "test:security-headers": "node --test security-headers.test.mjs"
   },
   "dependencies": {
@@ -47,6 +48,7 @@
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@vitest/coverage-v8": "^4.1.10",
     "eslint": "^9",
     "eslint-config-next": "16.1.3",
     "tailwindcss": "^4",

frontend/vitest.config.ts

@@ -11,5 +11,12 @@ export default defineConfig({
   test: {
     environment: "node",
     include: ["src/**/*.test.{ts,tsx}"],
+    coverage: {
+      provider: "v8",
+      reporter: ["text", "text-summary", "lcov", "html"],
+      reportsDirectory: "coverage",
+      include: ["src/**/*.{ts,tsx}"],
+      exclude: ["src/**/*.test.{ts,tsx}", "src/**/*.d.ts"],
+    },
   },
 });