playwright-mcp

Skill do testowania aplikacji webowych, walidacji interfejsów użytkownika i automatyzacji interakcji przeglądarki. Używaj go, gdy potrzebujesz przetestować aplikacje Streamlit, sprawdzić responsywność designu, zweryfikować dostępność lub zautomatyzować klikanie, wypełnianie formularzy i nawigację na stronach. Playwright MCP dostarcza narzędzia do navigacji, interakcji z elementami, robienia zrzutów ekranu i analizy struktury strony przez AI.

1. Zainstaluj skill Playwright MCP w swoim środowisku Claude/Copilot, upewniając się, że masz dostęp do MCP server dla Playwright.

2. Przejdź do aplikacji, którą chcesz testować, używając narzędzia browser_navigate z adresem URL (np. http://localhost:8501 dla aplikacji Streamlit). Poczekaj 3–5 sekund na załadowanie się zawartości.

3. Zrób snapshot strony za pomocą browser_snapshot, aby uzyskać drzewo dostępności – ta informacja pozwala AI analizować strukturę i znaleźć elementy do interakcji.

4. Wchodzić w interakcję ze stronę: klikaj przyciski (browser_click), wypełniaj formularze (browser_fill_form dla wielu pól naraz), wpisuj tekst (browser_type) lub wybieraj opcje z rozwijanych list (browser_select_option).

5. Weryfikuj wyniki, czekając na pojawienie się tekstu (browser_wait_for) lub sprawdzając komunikaty konsoli JavaScript (browser_console_messages). Rób zrzuty ekranu (browser_take_screenshot) do dokumentacji lub gdy potrzebujesz wizualnego potwierdzenia.

6. Dla testów responsywności zmień rozmiar okna przeglądarki (np. 375x667 na mobile, 1920x1080 na desktop) i porównaj zrzuty ekranu między różnymi rozdzielczościami.