snapshot-writer
Generate Jest snapshot tests for React components. Use when you need snapshot coverage for your UI components.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Generate Jest snapshot tests for React components. Use when you need snapshot coverage for your UI components.
How to use
Zainstaluj narzędzie, uruchamiając komendę npx ai-snapshot-test ze ścieżką do Twoich komponentów. Przykład: npx ai-snapshot-test src/components/ wygeneruje testy dla wszystkich komponentów w tym katalogu.
Jeśli chcesz wygenerować testy dla konkretnego komponentu, podaj ścieżkę do pliku: npx ai-snapshot-test src/components/Button.tsx. Narzędzie przeanalizuje ten plik i utworzy plik testowy.
Możesz też użyć wzorców glob do skanowania wielu plików: npx ai-snapshot-test "src/**/*.tsx" wygeneruje testy dla wszystkich plików TSX w podkatalogach.
Po wygenerowaniu testy będą dostępne jako pliki .test.tsx gotowe do uruchomienia w Jest. Narzędzie automatycznie wykryje propsy komponentu i stworzy przypadki testowe z różnymi kombinacjami wartości.
Przejrzyj wygenerowane snapshoty i zatwierdź je w kontroli wersji. Są one Twoją wizualną umową – przy następnych zmianach komponentu testy będą sygnalizować różnice.
Gdy snapshot test się nie powiedzie, sprawdź czy zmiana była zamierzona. Jeśli tak, zaktualizuj snapshot świadomie, nie automatycznie.