webapp-testing

Automate browser testing using Playwright, a Python library that controls headless browsers to interact with UI elements, verify page content, and capture screenshots. Write Python scripts to navigate pages, fill forms, click buttons, and assert expected outcomes without manual browser interaction.

Yes. Playwright works with local web servers running on any port. The Skill manages server lifecycle automatically, launching development servers like 'npm run dev', waiting for the app to be network-idle, then executing UI test actions and verifications.

Use robust selector strategies: role-based selectors, text matching, CSS selectors, and element IDs. Inspect the rendered DOM after the page stabilizes, identify stable selectors, then execute actions. This approach works reliably with dynamic apps that render content after load.

After submitting a form in your Playwright script, add explicit waits for the expected success state, then take a full-page screenshot. Playwright's headless browser captures the rendered UI, providing visual verification without opening a visible browser window.

No. The Skill includes bundled helper scripts that handle server startup, shutdown, and lifecycle management automatically. You focus on writing the test logic while the helpers manage the infrastructure.

Use UI automation when you need to verify user workflows end-to-end: form submissions, navigation flows, and visual states. Unit tests verify individual functions; UI automation tests that integrated features work from the browser's perspective, catching issues unit tests miss.