webapp-testing

Write a Python script using sync_playwright, launch Chromium in headless mode, navigate to your localhost URL, and wait for networkidle before interacting with elements. Use the with_server.py helper to start your dev server automatically before the script runs.

Pass multiple --server and --port pairs to with_server.py, such as one for a backend on port 3000 and a frontend on port 5173. The helper starts each server, waits for its port to accept connections, then runs your automation command.

Dynamic apps render content after JavaScript executes, so inspecting the DOM too early returns incomplete results. Call page.wait_for_load_state('networkidle') after navigation before taking screenshots or querying selectors.

Yes, Playwright supports capturing console messages by attaching event listeners to the page object in your Python script. The skill's examples directory includes a console_logging.py pattern demonstrating this approach.

No, run the script with --help first to see usage and treat it as a black-box tool. The scripts are large and reading them consumes context unnecessarily unless you need a customized solution.