webapp-testing

Automate browser testing of local web applications using Python Playwright scripts.

1|Updated Jul 2, 2026
One-click install
npx skills add https://github.com/mccleod1290/bb-agentic-setupv2 --skill webapp-testing-mccleod1290
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/mccleod1290/bb-agentic-setupv2/tree/main/documenting-skills/webapp-testing
Command: npx skills add https://github.com/mccleod1290/bb-agentic-setupv2 --skill webapp-testing-mccleod1290

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Manually verifying frontend behavior, debugging UI issues, and capturing browser state for local web applications is repetitive and error-prone. This Skill automates those tasks with Playwright scripts and a server lifecycle helper. ## Core Features & Use Cases - Server Lifecycle Management: The with_server.py helper starts one or more servers (e.g., backend plus frontend), waits for readiness, runs your automation, and cleans up. - Browser Automation Patterns: Guidance for static HTML files via file:// URLs and dynamic apps using the reconnaissance-then-action pattern with networkidle waits. - Example Scripts: Ready-made examples for element discovery, console log capture, and static HTML automation. - Use Case: Start a dev server, navigate to the app, discover all buttons and inputs, capture a full-page screenshot, and record console logs to verify a new feature works end to end. ## Quick Start Use the webapp-testing skill to start my dev server on port 5173 and write a Playwright script that screenshots the homepage and lists all buttons.

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 script using sync_playwright, launch Chromium in headless mode, navigate to your localhost URL, and wait for the networkidle load state before interacting. Use the with_server.py helper to start your dev server automatically before the script runs.

How do I run Playwright tests that need multiple servers running?▼

Use the with_server.py helper with repeated --server and --port flags for each server, followed by your automation command. It starts each server, waits for its port to accept connections, runs your command, then terminates all servers.

Why does my Playwright script fail to find elements on a dynamic page?▼

The script likely inspects the DOM before JavaScript finishes rendering. Call page.wait_for_load_state('networkidle') after navigation, then take a screenshot or dump page content to discover the actual rendered selectors.

Can Playwright automate static HTML files without a server?▼

Yes, navigate to a file:// URL built from the absolute path of the HTML file. You can then click elements, fill forms, and capture screenshots exactly as you would against a served page.

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 it or append it to a list for saving to a log file.