webapp-testing

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

Updated Nov 30, 2025
One-click install
npx skills add https://github.com/Amakaflow/amakaflow-dev-workspace --skill webapp-testing-amakaflow
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/Amakaflow/amakaflow-dev-workspace/tree/main/.claude/skills/webapp-testing
Command: npx skills add https://github.com/Amakaflow/amakaflow-dev-workspace --skill webapp-testing-amakaflow

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Manually verifying frontend behavior in local web applications is slow and error-prone. This Skill lets you write Playwright automation scripts that launch servers, interact with rendered pages, capture screenshots, and collect browser console logs. ## 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 ports 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 screenshots, then act on discovered selectors. - Console Log Capture: Example scripts show how to subscribe to browser console events and save logs for debugging. - Use Case: Verify that a React dev server on port 5173 renders a dashboard correctly by launching it with the helper script, screenshotting the page, and asserting on discovered buttons and links. ## Quick Start Use the webapp-testing skill to start my local dev server and write a Playwright script that screenshots the homepage and lists all buttons.

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 script using sync_playwright, launch Chromium in headless mode, navigate to your localhost URL, and wait for networkidle 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 your server, wait for the port to accept connections, then run your automation command. It supports multiple servers such as a backend plus a frontend.

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 inspect the rendered DOM to discover actual selectors.

Can Playwright capture browser console logs during automation?

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

Does Playwright work with static HTML files without a server?

Yes, navigate to a file:// URL pointing to the absolute path of the HTML file. You can then interact with elements, fill forms, and take screenshots exactly as with a served page.