essential-test-patterns
Uniwersalne wzorce testowania dla projektów React i Node.js z Vitest, React Testing Library i mockingiem typowanym.
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Essential Test Patterns to umiejętność Claude'a dla projektów GROWI, która dokumentuje standardowe podejścia do testowania jednostkowego, integracyjnego i komponentów. Obejmuje konfigurację Vitest z globalnymi API (describe, it, expect bez importów), organizację plików testów w tym samym katalogu co kod źródłowy, oraz type-safe mocking za pomocą vitest-mock-extended. Wzorce są uniwersalne dla całego monorepo i wspierają testy w Node.js oraz happy-dom dla komponentów React.
Jak używać
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.