skills.rest
ginaecho
ginaechoCOMMUNITY
Explore all skills by this author →
GitHub

webapp-testing

Automates testing of local web applications using Python Playwright scripts.

1|Updated Jul 1, 2026
Search Tags:#screenshots#python#browser automation#web testing#frontend testing#playwright#e2e testing
One-click install
npx skills add https://github.com/ginaecho/skill-achievability-compiler --skill webapp-testing-ginaecho
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/ginaecho/skill-achievability-compiler/tree/main/demo/real-skill-cases/natural-language/webapp-testing
Command: npx skills add https://github.com/ginaecho/skill-achievability-compiler --skill webapp-testing-ginaecho

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Testing local web applications requires writing browser automation code, managing dev server lifecycles, and discovering dynamic UI selectors, which is repetitive and error-prone when done manually. ## Core Features & Use Cases - Playwright Automation: Write native Python Playwright scripts to verify frontend functionality, debug UI behavior, capture screenshots, and view browser console logs. - Server Lifecycle Management: Use the bundled with_server.py helper to start one or multiple servers (e.g., backend plus frontend) before running automation. - Reconnaissance-Then-Action Pattern: Inspect the rendered DOM after networkidle, identify selectors, then execute actions against dynamic webapps. - Use Case: Verify that a React app's login form works by starting the dev server with the helper script, navigating to the page, waiting for network idle, and asserting on the rendered elements. ## Quick Start Use the webapp-testing skill to start my local dev server on port 5173 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 application with Playwright in Python?▼

Write a Python script using sync_playwright, launch Chromium in headless mode, navigate to the local server URL, and wait for networkidle before interacting with elements. Use the with_server.py helper to start the dev server automatically if it is not already running.

How do I run Playwright tests against multiple servers like a backend and frontend?▼

Pass multiple --server and --port pairs to with_server.py, then provide your automation script after the double dash. The helper starts all servers, waits for readiness, and runs your Playwright script against them.

Why does Playwright find no elements on my dynamic webapp?▼

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 automate static HTML files without a server?▼

Yes, static HTML files can be opened directly with file:// URLs in Playwright, and selectors can be identified by reading the HTML source first. No dev server is needed for purely static pages.

How do I capture browser console logs during Playwright automation?▼

Attach a console event listener to the page object in your Playwright script to record log messages while automation runs. The examples directory includes a console_logging.py pattern demonstrating this approach.

Related Skills

Explore More Software Engineering Skills→
diegocamara89diegocamara89
3

webapp-testing

Automate local web app testing with Python Playwright and server orchestration.

Community
Intermediate
Andreicr1Andreicr1

reproduce-bug

Reproduces GitHub issues by analyzing logs, console errors, and Playwright screenshots.

Community
Intermediate
abretonc7sabretonc7s

visual-testing

Capture screenshots before and after UI interactions to detect visual regressions.

Community
Intermediate
queen-of-codequeen-of-code
8

testing

Provide best-practice guidance for writing and structuring automated tests.

Community
Intermediate