webapp-testing

Test and debug local web applications using Playwright browser automation scripts.

1|Updated Aug 18, 2026
One-click install
npx skills add https://github.com/scsm-unrestrict/dsh-frontend-engineer-agent --skill webapp-testing-scsm-unrestrict
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/scsm-unrestrict/dsh-frontend-engineer-agent/tree/main/frontend-engineer/skills/webapp-testing
Command: npx skills add https://github.com/scsm-unrestrict/dsh-frontend-engineer-agent --skill webapp-testing-scsm-unrestrict

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—clicking buttons, submitting forms, checking rendered output—normally requires manual browser testing, which is slow and unrepeatable. This Skill automates that verification with Playwright scripts, including server startup, DOM inspection, screenshots, and console log capture. ## Core Features & Use Cases - Server Lifecycle Management: The with_server.py helper starts one or more dev servers (e.g., backend plus frontend), waits for ports to be ready, runs your automation, and cleans up afterward. - Reconnaissance-Then-Action Workflow: Navigate to a page, wait for networkidle, screenshot or inspect the rendered DOM, then act on discovered selectors—reliable for dynamic JavaScript apps. - Ready-Made Examples: Reference scripts cover element discovery, static HTML automation via file:// URLs, and console log capture. - Use Case: After building a React feature on localhost:5173, run a Playwright script through the server helper to click through the flow, capture screenshots, and confirm no console errors occur. ## Quick Start Ask the agent to start your dev server and run a Playwright script that opens the app, waits for it to load, and takes a full-page 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 app with Playwright in Python?

Write a 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 a dev server that is not running yet?

Use the with_server.py helper with --server and --port flags to start one or more servers, wait for their ports to respond, then execute your automation script. Servers are terminated automatically after the command finishes.

Why does Playwright find no elements on my dynamic web 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) to collect console messages while the script runs. The captured messages can be printed or written to a log file for debugging.

Can I automate static HTML files without running a server?

Yes, navigate to a file:// URL pointing at the local HTML file instead of a localhost address. You can then fill forms, click elements, and capture screenshots exactly as with a served page.