Add vitest and Users tests

.github/workflows/ci.yaml

@@ -27,6 +27,15 @@ jobs:
           npm install -g pnpm@latest
           pnpm --version
 
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run lint
+        run: pnpm lint
+
+      - name: Run tests
+        run: pnpm test
+
       - name: Build and Test
         env:
           PR_NUMBER: ${{ github.event.pull_request.number }}

eslint.config.mjs

@@ -1,10 +1,11 @@
-import { defineConfig, globalIgnores } from "eslint/config";
+import { FlatCompat } from "@eslint/eslintrc";
+import js from "@eslint/js";
+import vitest from '@vitest/eslint-plugin';
 import nextCoreWebVitals from "eslint-config-next/core-web-vitals";
 import nextTypescript from "eslint-config-next/typescript";
+import { defineConfig, globalIgnores } from "eslint/config";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -17,10 +18,17 @@ const compat = new FlatCompat({
 export default defineConfig([globalIgnores(["**/node_modules/", "**/.next/"]), {
     extends: [...nextCoreWebVitals, ...nextTypescript, ...compat.extends("prettier")],
 
+    plugins: {
+        vitest
+    },
+
     rules: {
         "no-unused-vars": ["error", {
             argsIgnorePattern: "^_",
             ignoreRestSiblings: true,
         }],
     },
+}, {
+    files: ['**/*.{test,spec}.{ts,tsx,js,jsx}'],
+    ...vitest.configs.recommended,
 }]);

package.json

@@ -11,6 +11,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
+    "test": "vitest --run",
     "start": "next start",
     "lint": "eslint .",
     "format": "prettier --check --ignore-path .gitignore .",
@@ -54,24 +55,35 @@
     "web-push": "^3.6.7"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3.3.3",
+    "@eslint/js": "^9.39.2",
     "@paralleldrive/cuid2": "^2.2.2",
     "@tailwindcss/postcss": "^4.1.18",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^20",
     "@types/papaparse": "^5.3.16",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
-    "eslint": "^9",
+    "@vitejs/plugin-react": "^5.1.4",
+    "@vitest/eslint-plugin": "^1.6.9",
+    "eslint": "^9.39.2",
     "eslint-config-next": "16.1.6",
     "eslint-config-prettier": "^9.1.0",
     "husky": "^9.1.7",
+    "jsdom": "^28.0.0",
     "lint-staged": "^15.2.11",
     "postcss": "^8",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "prisma": "^7.3.0",
     "tailwindcss": "^4.1.18",
     "tsx": "^4.21.0",
-    "typescript": "^5"
+    "typescript": "^5",
+    "vite-tsconfig-paths": "^6.1.1",
+    "vitest": "^4.0.18"
   },
   "prisma": {
     "seed": "pnpm exec tsx prisma/seed.ts"