Automate testing of local web applications using Python Playwright scripts.
npx skills add https://github.com/Clay-HHK/claude-skills --skill webapp-testing-clay-hhk
Please help me install this Agent Skill. Skill: webapp-testing Source: https://github.com/Clay-HHK/claude-skills/tree/main/webapp-testing Command: npx skills add https://github.com/Clay-HHK/claude-skills --skill webapp-testing-clay-hhk
scripts/with_server.py helper starts one or more servers (e.g., backend plus frontend), waits for readiness, runs your automation, and cleans up afterward. - Reconnaissance-Then-Action Workflow: Inspect the rendered DOM after networkidle, identify selectors, then execute actions against dynamic webapps. - Example Patterns: Ready-made examples for element discovery, static HTML automation via file:// URLs, and console log capture. - Use Case: You are developing a React app on port 5173 and need to verify a form submission flow. The Skill starts the dev server, navigates to the page, fills the form, clicks submit, and saves a screenshot of the result. ## Quick Start Use the webapp-testing skill to start my dev server with npm run dev on port 5173 and write a Playwright script that screenshots the homepage.High-intent search queries and answers about installing and using this skill.
Write a Python script using sync_playwright, launch Chromium in headless mode, navigate to your localhost URL, and wait for the networkidle load state before interacting with elements. Use the with_server.py helper to start your dev server automatically before the script runs.
Use the with_server.py helper script with --server and --port flags to start your server, wait for the port to respond, then run your automation command. It supports multiple servers, such as a backend on port 3000 and a frontend on port 5173, and cleans up processes afterward.
Dynamic apps render content via JavaScript after initial page load, so inspecting the DOM too early returns nothing. Call page.wait_for_load_state('networkidle') before querying selectors or taking screenshots to ensure the page has finished rendering.
Yes, Playwright can open local HTML files directly using file:// URLs built from the absolute file path. You can then click elements, fill forms, and capture screenshots exactly as you would with a served page.
Register a handler with page.on('console', handler) before navigating, and append each message's type and text to a list. After the session, write the collected messages to a log file for later inspection.
mmnavarrRuns end-to-end browser tests on pages affected by a PR or branch using the agent-browser CLI.
QwenLMDiagnose hard bugs through a hypothesis-driven instrumentation and evidence cycle.
decninerAudit frontend web apps for bugs using static source analysis and live browser testing.
rensjaspersGenerate focused unit tests for pure functions and business logic.