webapp-testing

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Manually verifying frontend behavior of local web applications is slow and error-prone, especially when servers must be started, pages must finish rendering, and selectors must be discovered before any interaction can happen. ## Core Features & Use Cases - Server Lifecycle Management: The scripts/with_server.py helper starts one or more servers (e.g., backend plus frontend), waits for each port to be ready, runs your automation, and cleans up afterward. - Reconnaissance-Then-Action Pattern: Navigate to a page, wait for networkidle, inspect the rendered DOM or take screenshots, then act on discovered selectors. - Ready-Made Examples: Example scripts cover element discovery, static HTML automation via file:// URLs, and console log capture. - Use Case: You are debugging a React app on port 5173. Use the helper to launch the dev server, run a Playwright script that screenshots the dashboard, captures console errors, and clicks through key buttons to verify behavior. ## Quick Start Use the webapp-testing skill to start my local dev server 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 app 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 to run Playwright tests against multiple servers at once?▼

Pass multiple --server and --port pairs to with_server.py, for example a backend on port 3000 and a frontend on port 5173. The script starts each server, waits for its port to accept connections, then runs your automation command.

Why does Playwright find no elements on my dynamic web page?▼

The DOM is likely 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 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.