snapshot-writer

Narzędzie generuje testy snapshot w Jest dla Twoich komponentów React. Czyta kod komponentu, wykrywa propsy, renderuje różne warianty i tworzy asercje snapshot automatycznie. Idealne do ochrony przed niezamierzonymi zmianami UI podczas refaktoryzacji. Generuj testy dla całych bibliotek komponentów lub pojedynczych plików – wszystko w jednej komendzie bez konfiguracji.

1. 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.

2. 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.

3. 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.

4. 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.

5. 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.

6. Gdy snapshot test się nie powiedzie, sprawdź czy zmiana była zamierzona. Jeśli tak, zaktualizuj snapshot świadomie, nie automatycznie.