webapp-testing

Test local web applications with Playwright scripts for UI verification and screenshots.

Updated Jul 6, 2026
One-click install
npx skills add https://github.com/chenziyang110/launchdeck --skill webapp-testing-chenziyang110
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/chenziyang110/launchdeck/tree/main/.claude/skills/webapp-testing
Command: npx skills add https://github.com/chenziyang110/launchdeck --skill webapp-testing-chenziyang110

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Verifying that a local web application actually works in a browser is tedious: you must start servers, wait for them to be ready, drive a real browser, and capture evidence. This Skill automates that loop with Python 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 their ports to be ready, runs your automation, then cleans up. - Browser Automation & Reconnaissance: Write Playwright scripts that wait for networkidle, inspect the rendered DOM, discover selectors, and execute actions on dynamic pages. - Visual Evidence Capture: Take viewport screenshots per route and state, capture browser console logs, and check for layout overflow or console errors as UI verification evidence. - Use Case: After implementing a new dashboard page, run a script that starts the dev server, navigates to the page, captures desktop and mobile screenshots, and records console errors for closeout evidence. ## Quick Start Ask the AI to start the local dev server with the with_server helper and write a Playwright script that screenshots the homepage and checks for console errors.

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 app with Playwright in Python?▼

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

How to run Playwright tests against multiple local servers?▼

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

Why does Playwright find no elements on a dynamic page?▼

The DOM is inspected before JavaScript finishes rendering. Call page.wait_for_load_state('networkidle') after navigation so dynamic content loads before you query selectors or take screenshots.

Can Playwright capture browser console logs during automation?▼

Yes, register a handler with page.on('console', handler) before navigating. Each console message is passed to the handler, where you can print or save it to a log file for later review.

Can I automate static HTML files without running a server?▼

Yes, navigate to a file:// URL built from the absolute path of the HTML file. Playwright loads it directly in Chromium, so you can click elements, fill forms, and capture screenshots without any server.