Added test coverage statistics

Author: FinalStaticFox

.github/workflows/test.yml

@@ -30,4 +30,9 @@ jobs:
       - run: npm ci
 
       - name: Run tests
-        run: npm run test
+        run: npm run test:coverage
+
+      - name: Report coverage
+        # Ensure this step runs even if tests fail
+        if: always()
+        uses: davelosert/vitest-coverage-report-action@v2

.gitignore

@@ -1,5 +1,5 @@
 # Logs
-logs
+/logs
 *.log
 npm-debug.log*
 yarn-debug.log*
@@ -11,11 +11,14 @@ lerna-debug.log*
 node_modules
 
 # Build artifacts
-dist
-dist-ssr
+/dist
+/dist-ssr
 *.local
 *.tsbuildinfo
 
+# Test coverage artifacts
+/coverage
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json

package-lock.json

@@ -8,7 +8,8 @@
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview",
-    "test": "vitest"
+    "test:unit": "vitest",
+    "test:coverage": "vitest --coverage.enabled true"
   },
   "dependencies": {
     "@tailwindcss/vite": "^4.1.17",
@@ -22,6 +23,7 @@
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/coverage-v8": "^4.0.16",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",

package.json

@@ -1,3 +1,4 @@
+// Transform SVGs into React components by importing them with the "?react" suffix
 /// <reference types="vite-plugin-svgr/client" />
 
 // Recognize all CSS files as module imports.

src/vite.env.d.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    coverage: {
+      include: ["src/**/*.{ts,tsx}"],
+      reporter: ["text", "json-summary", "json"],
+      reportOnFailure: true,
+    },
+  },
+});