essential-test-patterns
GROWI testing patterns with Vitest, React Testing Library, and vitest-mock-extended.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
GROWI testing patterns with Vitest, React Testing Library, and vitest-mock-extended.
How to use
Zainstaluj Vitest i vitest-mock-extended w swoim projekcie GROWI, jeśli jeszcze tego nie zrobiłeś. Upewnij się, że tsconfig.json zawiera "types": ["vitest/globals"] w compilerOptions, aby włączyć globalne API testowe bez konieczności importowania describe, it, expect i innych funkcji.
Umieszczaj pliki testów w tym samym katalogu co testowany kod źródłowy. Dla testów jednostkowych i komponentów używaj rozszerzenia .spec.ts lub .spec.tsx, dla testów integracyjnych używaj .integ.ts. Vitest automatycznie wybierze odpowiednie środowisko (Node.js dla .ts, happy-dom dla .tsx).
Pisz testy jednostkowe dla czystych funkcji i usług, używając describe i it bez dodatkowych importów. Wykorzystaj beforeEach i afterEach do konfiguracji i czyszczenia stanu między testami.
Do testowania komponentów React użyj React Testing Library w połączeniu z Vitest. Pliki .spec.tsx będą automatycznie uruchamiane w środowisku happy-dom.
Dla testów wymagających bazy danych lub API użyj rozszerzenia .integ.ts. Vitest uruchomi je w środowisku Node.js z dostępem do bazy danych.
Twórz type-safe mocki za pomocą vitest-mock-extended, importując mockDeep i DeepMockProxy. Dzięki temu uzyskasz TypeScript autocomplete i bezpieczeństwo typów podczas mockowania zależności.