skills.rest
kaitoartz
kaitoartzCOMMUNITY
Explore all skills by this author →
Website𝕏@kaitoartzzGitHub

webapp-testing

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

Updated Jun 30, 2026
Search Tags:#screenshots#python#browser automation#web testing#Playwright#e2e testing#frontend debugging
One-click install
npx skills add https://github.com/kaitoartz/dotfiles --skill webapp-testing-kaitoartz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/kaitoartz/dotfiles/tree/main/dot_gemini/config/skills/webapp-testing
Command: npx skills add https://github.com/kaitoartz/dotfiles --skill webapp-testing-kaitoartz

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, especially when verifying frontend behavior, debugging UI issues, or capturing browser state across dynamic JavaScript-heavy pages. ## Core Features & Use Cases - Playwright Browser Automation: Write native Python Playwright scripts to navigate pages, click elements, fill forms, and capture screenshots. - Server Lifecycle Management: Use the bundled with_server.py helper to start one or more local servers, wait for readiness, run automation, and clean up automatically. - Reconnaissance-Then-Action Pattern: Inspect rendered DOM after networkidle, discover selectors, then execute actions reliably on dynamic apps. - Use Case: Start a Vite dev server and backend API together, then run a script that logs in, clicks through the dashboard, captures console logs, and saves screenshots for review. ## Quick Start Ask the AI to test your local web app by starting the dev server and writing a Playwright script that navigates to the page, waits for it to load, and captures 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 localhost 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 to run Playwright tests when the dev server is not running?▼

Use the with_server.py helper script with --server and --port flags to start your server, wait for the port to respond, run your automation command, and shut everything down afterward. It supports multiple servers such as a backend plus a frontend.

Why does Playwright find no elements on my dynamic web page?▼

Dynamic apps render content via JavaScript after initial page load, so inspecting the DOM too early returns nothing. Always call page.wait_for_load_state('networkidle') before querying selectors or taking screenshots.

Can Playwright capture browser console logs during automation?▼

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

Does Playwright work with static HTML files without a server?▼

Yes, you can navigate directly to a file:// URL pointing at a local HTML file. Read the HTML source first to identify selectors, then write a Playwright script that interacts with those elements and captures screenshots.

Related Skills

Explore More Software Engineering Skills→
BlocUnited-LLCBlocUnited-LLC
14

setup

Set up a Mozaiks development environment with dependencies and environment variables.

Official
Intermediate
akiyoshiakiyoshi

qa

Automate end-to-end testing and generate structured QA reports with health scores.

Community
Advanced
allcllallcll
26

allcll-bug-fix

Fix allcll-backend defects in validation, authorization, API responses, persistence, and notifications.

Official
Intermediate
aquariuscookaquariuscook

compatibility-testing

Run cross-browser, cross-platform, and cross-device compatibility tests with Playwright.

Community
Advanced