webapp-testing

Automates testing of local web applications using Python Playwright scripts.

Updated Mar 12, 2026
One-click install
npx skills add https://github.com/RavitejaKarra24/dotfiles --skill webapp-testing-ravitejakarra24
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/RavitejaKarra24/dotfiles/tree/main/agents/.agents/skills/webapp-testing
Command: npx skills add https://github.com/RavitejaKarra24/dotfiles --skill webapp-testing-ravitejakarra24

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 in a browser requires manual clicking, screenshotting, and log inspection, which is slow and hard to repeat. This Skill automates browser-driven testing of local web apps with Playwright, including server startup, DOM inspection, and console log capture. ## 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 their ports to be ready, runs your automation, and cleans up afterward. - Reconnaissance-Then-Action Testing: Navigate to a page, wait for networkidle, screenshot or inspect the rendered DOM, discover selectors, then execute actions against them. - Console Log and Screenshot Capture: Example scripts show how to record browser console messages and take full-page screenshots for debugging UI behavior. - Use Case: You just built a React frontend on port 5173 with a Python backend on port 3000. Use the helper to launch both servers, then run a Playwright script that logs in, clicks through the dashboard, and captures screenshots and console errors. ## Quick Start Use the webapp-testing skill to start my dev server and verify the login form on localhost works by writing and running a Playwright script.

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 your local server URL, and wait for the networkidle load state before interacting with elements. Use descriptive selectors like text=, role=, CSS selectors, or IDs.

How do I run Playwright tests that need a dev server running?

Use the with_server.py helper script, passing --server with your start command and --port for each server. It starts the servers, waits for the ports to accept connections, runs your automation script, then terminates the servers cleanly.

Can Playwright automate static HTML files without a server?

Yes, Playwright can open local HTML files directly using file:// URLs built from the absolute file path. You can then click elements, fill forms, and take screenshots exactly as you would against a served page.

Why does my Playwright script fail to find elements on a dynamic page?

The script likely inspects the DOM before JavaScript finishes rendering. Call page.wait_for_load_state('networkidle') after navigation, or use page.wait_for_selector() for specific elements, before querying or clicking.

How do I capture browser console logs during Playwright automation?

Register a handler with page.on('console', handler) before navigating. The handler receives each console message with its type and text, which you can print live or collect into a list and save to a log file.