playwright-testing
Automatyczne testowanie aplikacji webowych i gier za pomocą Playwright na MiniPC
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do testowania frontend'u, debugowania interfejsu użytkownika i QA gier. Uruchamia przeglądarkę Chromium w trybie headless na MiniPC, pozwala na przechwytywanie zrzutów ekranu, inspekcję DOM-u i automatyzację interakcji użytkownika. Obsługuje zarówno statyczne HTML jak i dynamiczne aplikacje webowe. Idealny do weryfikacji funkcjonalności, poszukiwania błędów UI oraz testowania gier.
Jak używać
Upewnij się, że aplikacja webowa lub gra, którą chcesz testować, jest dostępna na MiniPC — jeśli to aplikacja dynamiczna, serwer musi być uruchomiony na lokalnym porcie (np. localhost:9877).
Zaimportuj Playwright i utwórz skrypt testowy, który uruchamiasz za pośrednictwem nodes.run lub browser.proxy. Zacznij od uruchomienia przeglądarki Chromium w trybie headless i przejścia do adresu URL aplikacji.
Zawsze czekaj na załadowanie strony za pomocą page.wait_for_load_state('networkidle') — jest to kluczowe dla aplikacji dynamicznych, aby JavaScript się w pełni wykonał przed przystąpieniem do testów.
Zbierz informacje o stanie strony: zrób zrzut ekranu za pomocą page.screenshot(), przeszukaj DOM za pomocą page.locator() aby znaleźć przyciski, pola tekstowe lub inne elementy, które chcesz testować.
Wykonaj akcje na znalezionych elementach — klikaj przyciski, wpisuj tekst, czekaj na zmiany stanu. Dla gier klikaj na canvas w określonych współrzędnych i monitoruj zmiany wartości (np. wynik gry) w DOM-ie.
Przechwytuj błędy i logi konsoli za pomocą page.on('console', ...) oraz rób dodatkowe zrzuty ekranu po każdej ważnej akcji, aby zweryfikować, że aplikacja zachowuje się zgodnie z oczekiwaniami.