skills.rest
Yvesdefaria
YvesdefariaCOMMUNITY
Explore all skills by this author →
GitHub

webapp-testing

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

Updated Aug 3, 2026
Search Tags:#screenshots#python#browser automation#web testing#playwright#frontend debugging#headless chromium
One-click install
npx skills add https://github.com/Yvesdefaria/GymLab --skill webapp-testing-yvesdefaria
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/Yvesdefaria/GymLab/tree/main/.opencode/skills/webapp-testing
Command: npx skills add https://github.com/Yvesdefaria/GymLab --skill webapp-testing-yvesdefaria

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Manually verifying frontend behavior, debugging UI issues, and capturing browser state for local web applications is repetitive and error-prone. This Skill automates those tasks with Playwright, 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 servers (e.g., backend plus frontend), waits for readiness, runs your automation, and cleans up. - Reconnaissance-Then-Action Workflow: Inspect the rendered DOM after networkidle, identify selectors, then execute clicks, form fills, and navigation. - Example Scripts: Ready-made patterns for element discovery, static HTML automation via file:// URLs, and console log capture. - Use Case: You are developing a Vite + React app on port 5173 and want to verify a new form works. The Skill starts the dev server, navigates to the page headlessly, fills the form, submits it, and saves a screenshot for review. ## Quick Start Use the webapp-testing skill to start my dev server on port 5173, open the app in a headless browser, and take a full-page screenshot after the page finishes loading.

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 the networkidle load state 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 script with --server and --port flags to start one or more servers, wait for each port to accept connections, then run your automation command. It terminates all servers when the command finishes.

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, navigate to it with page.goto, and interact with elements using standard selectors like text= or CSS.

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, then take a screenshot or dump page content to discover the actual rendered selectors.

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.

Related Skills

Explore More Software Engineering Skills→
ouzayrouzayr

workflows

Configure, start, stop, and restart persistent application workflows.

Community
Intermediate
greatxridergreatxrider

webapp-testing

Automate local web app testing with Playwright scripts and capture screenshots.

Community
Intermediate
hotriluanhotriluan
2

web-testing

Automate web testing workflows across unit, integration, E2E, load, security, visual regression, and accessibility tests.

Community
Advanced
3commas-io3commas-io
4

e2e-testing-patterns

Provide end-to-end testing patterns for Playwright and Cypress frameworks.

Official
Advanced