d39bd1423a
TASK-09-01: client/package.json — add react-router-dom@^7 (no chart lib). TASK-09-02: client/src/main.tsx (BrowserRouter wrapper) + App.tsx (Routes switch: / → VoiceSession, /operator/login → Login, /operator/dashboard → Dashboard, * → VoiceSession fallback). R-DASH-05: voice UI at / unchanged. Extracted VoiceSession.tsx from App.tsx to preserve the existing UI. TASK-09-03: client/src/operator/Login.tsx — login form (POST /api/operator/login, navigate to dashboard, 401/429/503 error states, keyboard-accessible). TASK-09-04: client/src/operator/Dashboard.tsx — auth gate (GET /me on mount, redirect to /operator/login on 401), operator name, 3 view tabs, freshness indicator, logout button. TASK-09-05: client/src/operator/Sparkline.tsx — inline SVG sparkline (~50 LOC, zero deps, handles empty/single/all-same, stroke=currentColor). TASK-09-06: 3 view components (PracticeVolume, MasteryProgression, FailurePatterns) — fetch /api/operator/<view>, read-only tables + sparklines, suppressed cells → '— (<10 learners)', loading/error/no-data states. TASK-09-07: client/src/operator/__tests__/Dashboard.test.tsx (17 tests via vitest + @testing-library/react) — auth gate, login, suppressedLabel, sparkline, formatFreshness, no PII in DOM. vitest.config.ts + test-setup.ts + devDeps (vitest, testing-library, jsdom). npm run build + typecheck + test all pass. ---ci--- project: praxis phase: 2 milestone: v0.4 status: execute persona: frontend-engineer task: 09-01..09-07 requirements: covered: [REQ-DASH-01, REQ-NFR-DASH-01] ---/ci---
13 lines
307 B
TypeScript
13 lines
307 B
TypeScript
/// <reference types="vitest" />
|
|
import { defineConfig } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
|
|
export default defineConfig({
|
|
plugins: [react()],
|
|
test: {
|
|
environment: 'jsdom',
|
|
globals: true,
|
|
setupFiles: ['./src/test-setup.ts'],
|
|
include: ['src/**/*.test.{ts,tsx}'],
|
|
},
|
|
}) |