webapp-testing

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

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

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 - Browser Automation: Write native Python Playwright scripts to navigate pages, click elements, fill forms, and verify frontend functionality. - Server Lifecycle Management: Use the with_server.py helper to start one or more dev servers, wait for readiness, run automation, and clean up automatically. - Debugging Support: Capture full-page screenshots, inspect rendered DOM, and record browser console logs for diagnosing UI behavior. - Use Case: Start a Vite dev server and a backend API together, then run a Playwright script that logs in, clicks through the dashboard, and saves screenshots plus console logs for review. ## Quick Start Test my local web app by starting the dev server and using Playwright to screenshot the homepage and capture any 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 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 the networkidle load state before interacting with elements. Use selectors like text=, role=, or CSS to target buttons and inputs.

How to run Playwright tests against a dev server that is not running yet?▼

Use the with_server.py helper script, passing your server command and port, followed by the automation command. It starts the server, polls the port until ready, runs your script, and terminates the server afterward. It also supports multiple servers.

Can Playwright automate static HTML files without a server?▼

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 take screenshots exactly as you would with a served page.

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

Dynamic apps render content via JavaScript after initial load, so inspecting the DOM too early misses elements. Always call page.wait_for_load_state('networkidle') before querying selectors or taking screenshots.

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 collect the message type and text, then save them to a log file after the browser closes.