2026-02-10 10:34:45 +01:00
|
|
|
---
|
|
|
|
|
# nuzlocke-tracker-d8cp
|
|
|
|
|
title: Set up frontend test infrastructure
|
2026-02-21 13:35:15 +01:00
|
|
|
status: completed
|
2026-02-10 10:34:45 +01:00
|
|
|
type: task
|
|
|
|
|
priority: normal
|
|
|
|
|
created_at: 2026-02-10T09:33:33Z
|
2026-02-21 13:35:15 +01:00
|
|
|
updated_at: 2026-02-21T12:32:34Z
|
2026-02-10 10:34:45 +01:00
|
|
|
parent: nuzlocke-tracker-yzpb
|
|
|
|
|
blocking:
|
|
|
|
|
- nuzlocke-tracker-ee9s
|
|
|
|
|
- nuzlocke-tracker-1guz
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
Set up the test infrastructure for the React/TypeScript frontend. No testing tooling currently exists.
|
|
|
|
|
|
|
|
|
|
## Checklist
|
|
|
|
|
|
2026-02-21 13:35:15 +01:00
|
|
|
- [x] Install Vitest, @testing-library/react, @testing-library/jest-dom, @testing-library/user-event, jsdom
|
|
|
|
|
- [x] Configure Vitest in `vite.config.ts` or a dedicated `vitest.config.ts`
|
|
|
|
|
- [x] Set up jsdom as the test environment
|
|
|
|
|
- [x] Create a test setup file (e.g. `src/test/setup.ts`) that imports @testing-library/jest-dom matchers
|
|
|
|
|
- [x] Create test utility helpers (e.g. render wrapper with providers — QueryClientProvider, BrowserRouter)
|
|
|
|
|
- [x] Add a \`test\` script to package.json
|
|
|
|
|
- [x] Verify the setup by writing a simple smoke test
|
|
|
|
|
- [x] Set up MSW (Mock Service Worker) or a similar API mocking strategy for hook/component tests — using `vi.mock` instead; MSW deferred until needed
|
2026-02-10 10:34:45 +01:00
|
|
|
|
|
|
|
|
## Notes
|
|
|
|
|
|
|
|
|
|
- Vitest integrates natively with Vite, which the project already uses
|
|
|
|
|
- React Testing Library is the standard for testing React components
|
|
|
|
|
- The app uses React Query (TanStack Query) and React Router — the test wrapper needs to provide these contexts
|
|
|
|
|
- MSW is recommended for mocking API calls in hook and component tests, but simpler approaches (vi.mock) may suffice initially
|
