skills.rest
taylorelley
taylorelleyCOMMUNITY
Explore all skills by this author →
GitHub

webapp-testing

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

Updated Jun 12, 2026
Search Tags:#screenshots#frontend#python#browser automation#web testing#playwright#e2e testing
One-click install
npx skills add https://github.com/taylorelley/skills --skill webapp-testing-taylorelley
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/taylorelley/skills/tree/main/skills/engineering/webapp-testing
Command: npx skills add https://github.com/taylorelley/skills --skill webapp-testing-taylorelley

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Manually verifying frontend behavior in local web applications is slow and error-prone. This Skill lets you write Playwright automation scripts that launch servers, interact with pages, capture screenshots, and read browser logs without manual clicking. ## 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 processes. - Reconnaissance-Then-Action Pattern: Inspect the rendered DOM after networkidle, discover selectors for buttons, links, and inputs, then execute actions against them. - Console Log and Screenshot Capture: Example scripts show how to record console messages and take full-page screenshots for debugging UI behavior. - Use Case: You are building a React app on port 5173 and want to verify the login form works. The Skill starts the dev server, fills the form fields, submits, and saves a screenshot of the result. ## Quick Start Use the webapp-testing skill to start my dev server and verify the login form on localhost:5173 works correctly.

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?▼

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 multiple dev servers for frontend and backend testing?▼

Pass multiple --server and --port pairs to with_server.py, one per server. It starts each process, polls its port until ready, runs your automation command, then terminates all servers cleanly.

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

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 your callback, where you can print or save it to a log file for debugging.

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

Yes. Build a file:// URL from the absolute path of the HTML file and pass it to page.goto. Playwright loads the local file directly, so no dev server is needed for static pages.

Related Skills

Explore More Software Engineering Skills→
EveryIncEveryInc
24.7k

ce-test-browser

Runs end-to-end browser tests on routes affected by a branch or pull request.

Official
Advanced
akiyoshiakiyoshi

qa

Automate end-to-end testing and generate structured QA reports with health scores.

Community
Advanced
bkywksjbkywksj
309

bug-detective

Diagnose and locate root causes of software bugs across codebases.

Community
Intermediate
JenilRevaliyaJenilRevaliya

webapp-testing

Implements full-stack web application testing strategies using Vitest, React Testing Library, MSW, and Playwright.

Community
Intermediate