skills.rest
wolfstar-project
wolfstar-projectOFFICIAL
Explore all skills by this author →
WebsiteGitHub

webapp-testing

Test local web applications with Playwright scripts and managed server lifecycles.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Testing local web applications requires manually starting servers, waiting for readiness, and writing browser automation from scratch, which is slow and error-prone when verifying frontend behavior or debugging UI issues. ## Core Features & Use Cases - Server Lifecycle Management: The with_server.py helper starts one or more servers, waits for port readiness, runs your automation, and cleans up processes automatically. - Playwright Browser Automation: Write Python scripts to navigate pages, interact with elements, capture screenshots, and record console logs. - Reconnaissance Patterns: Example scripts demonstrate element discovery, static HTML automation via file:// URLs, and console log capture. - Use Case: Verify that a frontend form works end-to-end by starting the dev server, filling inputs with Playwright, submitting, and capturing a screenshot of the result. ## Quick Start Use the webapp-testing skill to start my dev server on port 5173 and verify the login form submits 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 with elements. Use the with_server.py helper to start your dev server automatically before the script runs.

How to run multiple servers for frontend and backend testing?▼

Pass multiple --server and --port flags to with_server.py, one pair per server. The script starts each server, waits for its port to accept connections, then runs your automation command and terminates all servers afterward.

Can Playwright automate static HTML files without a server?▼

Yes, Playwright supports file:// URLs for local HTML files. Convert the file path to an absolute file:// URL and pass it to page.goto, then interact with elements and capture screenshots as usual.

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

Dynamic apps render content after initial page load, so selectors may not exist yet. Call page.wait_for_load_state('networkidle') before inspecting the DOM or taking screenshots to ensure JavaScript has finished executing.

How do I capture browser console logs during automation?▼

Register a handler with page.on('console', handler) before navigating. Each console message is passed to your callback, where you can print or save the message type and text to a log file.

Related Skills

Explore More Software Engineering Skills→
Andreicr1Andreicr1

ce:polish-beta

Boot a feature's dev server and open it in the browser.

Community
Advanced
Andreicr1Andreicr1

reproduce-bug

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

Community
Intermediate
freddominguesfreddomingues

testing-local-backend

Run the Flask server and test SDR/Z-API webhook endpoints locally.

Community
Intermediate
mikemylmikemyl
1

react-testing

Test React components, hooks, and context providers with Vitest browser mode.

Community
Intermediate