webapp-testing Claude Code Skill
Claude Code SkillClaude CodeCode Quality, Review & TestingWeb & App DevelopmentThe explanation below is AI-generated. Please verify it against the sources.
This skill provides a structured workflow for testing local web applications with Playwright, guiding an agent to write native Python automation scripts rather than relying on a single fixed tool. It includes a decision tree distinguishing static HTML pages from dynamic apps with a running server, and recommends a reconnaissance-then-action pattern (wait for network idle, inspect the DOM, then act) for dynamic pages. A bundled helper script, with_server.py, manages starting and stopping one or more local servers so automation scripts can assume the server is already running. The skill also points to example scripts covering element discovery, static HTML automation, and console log capture, and emphasizes checking script help output before writing custom automation code.
What you can do with webapp-testing
- Write Playwright automation scripts (using sync_playwright) to interact with locally running web applications
- Follow a decision tree to choose between reading static HTML directly or treating an app as dynamic
- Use the with_server.py helper script to start and manage one or more local dev servers around a test script
- Take full-page screenshots and inspect the rendered DOM to identify selectors for buttons, links, and inputs
- Wait for network idle state before inspecting dynamic pages to avoid incomplete DOM reads
- Capture browser console logs during automation using the provided console_logging example
- Reference example scripts for element discovery, static HTML automation via file:// URLs, and console logging patterns