performing-visual-regression-testing
Automatyczne testy wizualne UI — wykryj niezamierzone zmiany w interfejsie
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill umożliwia Claude'owi wykonywanie testów regresji wizualnej za pomocą narzędzi takich jak Percy, Chromatic i BackstopJS. Automatycznie przechwytuje zrzuty ekranu, porównuje je z obrazami bazowymi i analizuje różnice wizualne, aby zidentyfikować niezamierzone zmiany w interfejsie użytkownika. Idealny do weryfikacji spójności wizualnej aplikacji webowych, testowania zmian UI po aktualizacjach kodu oraz integracji testów wizualnych w pipeline'ach CI/CD.
Jak używać
Zainstaluj skill w swoim środowisku Claude'a, wskazując repozytorium autora (jeremylongshore) i ścieżkę do skill-adapter.
Aktywuj skill, używając jednej z fraz wyzwalających: "visual test", "UI regression", "check visual changes" lub polecenia "/visual-test" w rozmowie z Claude'em.
Prześlij żądanie testowania wizualnego, na przykład: "Run a visual test on the homepage to check for any UI regressions after the latest feature update" — Claude przechwyci zrzut ekranu strony i porówna go z obrazem bazowym.
Claude automatycznie porówna przechwycony zrzut ekranu z ustaloną linią bazową i zidentyfikuje wszelkie różnice wizualne między wersjami.
Przejrzyj raport z wykrytymi zmianami wizualnymi — skill wyróżni potencjalne regresje UI i pokaże, gdzie doszło do niezamierzonych zmian w interfejsie.
Wykorzystaj wyniki do weryfikacji spójności wizualnej aplikacji na różnych przeglądarkach lub środowiskach, lub zintegruj testy z automatycznym pipeline'em CI/CD.