webapp-testing

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Testing local web applications manually is slow and error-prone. This Skill lets you write Playwright automation scripts that verify frontend functionality, debug UI behavior, capture screenshots, and collect browser console logs without manual clicking. ## Core Features & Use Cases - Server Lifecycle Management: The scripts/with_server.py helper starts one or more servers (backend and frontend), waits for them to be ready, runs your automation, and cleans up afterward. - Reconnaissance-Then-Action Pattern: Navigate to a page, wait for networkidle, inspect the rendered DOM or take a screenshot, then act on discovered selectors. - Example Scripts: Ready-made patterns for element discovery, static HTML automation via file:// URLs, and console log capture. - Use Case: You are developing a React app on port 5173 and want to verify the login form works. Use the helper to start the dev server, then run a Playwright script that fills the form, submits it, and screenshots the result. ## Quick Start Ask the AI to test your local web app at localhost:5173 by writing a Playwright script that navigates to the page, waits for it to load, and takes a screenshot.

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 the with_server.py helper to start your dev server automatically if it is not already running.

How do I run Playwright tests that need both a backend and frontend server?

Use the with_server.py helper with multiple --server and --port flags, one pair per server. It starts each server, waits for its port to accept connections, runs your automation command, and terminates all servers afterward.

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

The script likely inspects the DOM before JavaScript finishes rendering. Always call page.wait_for_load_state('networkidle') after navigation on dynamic apps before querying selectors or taking screenshots.

Can Playwright automate static HTML files without a server?

Yes. Convert the local file path to a file:// URL and pass it to page.goto. You can then click elements, fill forms, and capture screenshots exactly as you would with a served page.

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 or write to a log file after the session ends.