feat: add comprehensive test suite with Vitest and Playwright (#16)

* feat: add comprehensive test suite with Vitest and Playwright

Add testing infrastructure for the application:

- Configure Vitest with separate configs for main and renderer processes
- Add React Testing Library for component testing
- Set up Playwright for E2E testing
- Create test setup files with mocks for Electron APIs

Test coverage includes:
- Renderer hooks: useDebounce, useKeyboardEvent, useKeyboardShortcuts
- Contexts: Settings, Theme, Update, Breadcrumb
- Components: DataTable, NewPatientForm
- Main process: repository tests (structure only, requires Electron env)
- Integration tests (structure only, requires Electron env)
- E2E tests with Playwright (skipped by default)

Update CI workflow to run tests before build.

* fix: correct test schemas and CI workflow order

- Fix activity.test.ts: use camelCase properties (entityType, surgeryId) and
  correct action types ('created'/'updated' instead of 'create'/'update')
- Fix patient.test.ts: use correct schema (phn, birth_year, gender)
- Fix dashboard.test.ts: use correct patient/surgery schema
- Fix surgery.test.ts: use correct schema (title, bht, ward instead of procedure)
- Fix surgery-template.test.ts: use title instead of name
- Fix app-settings.test.ts: handle possibly undefined results
- Fix backup.test.ts: add type annotation for array
- Fix NewPatientForm.test.tsx: use Date objects for created_at/updated_at
- Fix renderer-setup.ts: import beforeEach from vitest
- Update tsconfig.web.json: add jest-dom types
- Update CI workflow: run tests after lint and typecheck

Author: kasvith

.github/workflows/build.yaml

@@ -58,5 +58,8 @@ jobs:
       - name: Typecheck
         run: pnpm typecheck
 
+      - name: Run Tests
+        run: pnpm test:run
+
       - name: Build
         run: pnpm build

package.json

@@ -25,7 +25,15 @@
     "build:linux": "electron-vite build && electron-builder --linux --publish=never",
     "electron-rebuild": "electron-rebuild -f -w better-sqlite3",
     "prepare": "husky",
-    "commitlint": "commitlint --edit"
+    "commitlint": "commitlint --edit",
+    "test": "vitest",
+    "test:main": "vitest --config vitest.config.main.ts",
+    "test:renderer": "vitest --config vitest.config.renderer.ts",
+    "test:run": "vitest run --config vitest.config.renderer.ts",
+    "test:coverage": "vitest run --coverage",
+    "test:ui": "vitest --ui",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui"
   },
   "dependencies": {
     "@electron-toolkit/preload": "^3.0.1",
@@ -95,14 +103,20 @@
     "@electron-toolkit/tsconfig": "^1.0.1",
     "@electron/rebuild": "^3.7.1",
     "@eslint/js": "^9.39.2",
+    "@playwright/test": "^1.57.0",
     "@tailwindcss/typography": "^0.5.16",
     "@tailwindcss/vite": "^4.0.0",
     "@tanstack/eslint-plugin-query": "^5.62.8",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@testing-library/user-event": "^14.6.1",
     "@types/better-sqlite3": "^7.6.12",
     "@types/node": "^22.10.5",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^4.0.17",
+    "@vitest/ui": "^4.0.17",
     "electron": "^33.3.1",
     "electron-builder": "^25.1.8",
     "electron-vite": "^2.3.0",
@@ -111,12 +125,15 @@
     "eslint-plugin-react-hooks": "^5.1.0",
     "globals": "^17.0.0",
     "husky": "^9.1.7",
+    "jsdom": "^27.4.0",
     "postcss": "^8.4.49",
     "prettier": "^3.4.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tailwindcss": "^4.0.0",
     "typescript": "^5.7.2",
-    "vite": "^6.0.7"
+    "vite": "^6.0.7",
+    "vitest": "^4.0.17",
+    "vitest-mock-extended": "^3.1.0"
   }
 }

playwright.config.ts

@@ -0,0 +1,21 @@
+import { defineConfig, devices } from '@playwright/test'
+
+export default defineConfig({
+  testDir: './tests/e2e',
+  fullyParallel: false,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: 1,
+  reporter: 'html',
+  timeout: 60000,
+  use: {
+    trace: 'on-first-retry',
+    screenshot: 'only-on-failure'
+  },
+  projects: [
+    {
+      name: 'electron',
+      use: { ...devices['Desktop Chrome'] }
+    }
+  ]
+})