playwright-mcp
Browser testing, web scraping, and UI validation using Playwright MCP. Use this skill when you need to test Streamlit apps, validate web interfaces, test responsive design, check accessibility, or automate browser interactions through MCP tools.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Browser testing, web scraping, and UI validation using Playwright MCP. Use this skill when you need to test Streamlit apps, validate web interfaces, test responsive design, check accessibility, or automate browser interactions through MCP tools.
How to use
Zainstaluj skill Playwright MCP w swoim środowisku Claude/Copilot, upewniając się, że masz dostęp do MCP server dla Playwright.
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.
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.
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).
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.
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.