webapp-testing

Automate testing of local web applications using Python Playwright scripts.

Updated Feb 4, 2026
One-click install
npx skills add https://github.com/pchemguy/AISandbox --skill webapp-testing-pchemguy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/pchemguy/AISandbox/tree/main/docs/AgentSkills/anthropics/skills/skills/webapp-testing
Command: npx skills add https://github.com/pchemguy/AISandbox --skill webapp-testing-pchemguy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve? Testing local web applications manually is slow and error-prone, especially when verifying frontend behavior, debugging UI issues, or capturing browser state across dynamic JavaScript-heavy pages. ## Core Features & Use Cases - Playwright Browser Automation: Write native Python Playwright scripts to navigate pages, click elements, fill forms, and capture screenshots. - Server Lifecycle Management: Use the bundled with_server.py helper to start one or more dev servers, wait for readiness, run automation, and clean up automatically. - Reconnaissance-Then-Action Workflow: Inspect rendered DOM after networkidle, discover selectors, then execute actions reliably on dynamic apps. - Use Case: You have a React frontend on port 5173 and a Python backend on port 3000. Launch both servers with the helper script, then run a Playwright script that logs in, clicks through the dashboard, and captures console logs and screenshots for verification. ## Quick Start Ask the AI to test your local web app by starting the dev server and writing a Playwright script that navigates to the page, waits for it to load, and captures a screenshot.

Frequently Asked Questions about webapp-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I test a local web application with Playwright in Python?▼

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

How do I run Playwright tests against multiple dev servers?▼

Pass multiple --server and --port flags to with_server.py, one pair per server. The script starts each server, waits for its port to accept connections, runs your automation command, then terminates all servers.

Why does Playwright fail to find elements on dynamic web apps?▼

Elements are missing because the DOM was inspected before JavaScript finished rendering. Always call page.wait_for_load_state('networkidle') after navigation, then inspect the rendered DOM or take a screenshot to discover actual selectors.

Can Playwright automate static HTML files without a server?▼

Yes, Playwright can open local HTML files directly using file:// URLs built from absolute paths. You can then click elements, fill forms, and capture screenshots without running any web server.

How do I capture browser console logs during Playwright automation?▼

Register a handler with page.on('console', handler) before navigating. Each console message is passed to your callback, where you can print or save the message type and text to a log file.