webapp-testing

Test local web apps with Playwright and manage server lifecycles.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/alexaundre/mycc --skill webapp-testing-alexaundre
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/alexaundre/mycc/tree/main/.codex/skills/webapp-testing
Command: npx skills add https://github.com/alexaundre/mycc --skill webapp-testing-alexaundre

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Helps testers and developers automate functional checks of local web applications by providing Playwright examples and a server lifecycle helper to run end-to-end automation without manual server management. It reduces repetitive UI checks, simplifies selector discovery, and captures visual evidence and console output for debugging.

Core Features & Use Cases

  • Server lifecycle management: with_server.py can start one or multiple servers, wait for readiness, run your Playwright script, and clean up processes.
  • Reconnaissance-then-action pattern: inspect the rendered DOM after waiting for networkidle, discover selectors, then perform deterministic actions.
  • Logging and visual debugging: examples show how to capture console logs and full-page screenshots for root-cause analysis.
  • Use cases: write automated smoke tests for a local dev server, capture UI regressions during CI, or debug complex frontend-backend local stacks.

Quick Start

Start the with_server helper to launch required servers, wait for readiness, then run your Python Playwright automation script to test the local app.

Frequently Asked Questions about webapp-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run Playwright tests against a local web app that requires a running server?▼

Playwright tests for local web apps require a running server. A helper script starts one or multiple servers, waits for readiness, executes your synchronous Python Playwright script, and cleans up processes automatically.

Can I capture screenshots and console logs with Python Playwright for debugging?▼

Yes, capturing screenshots and console logs with Python Playwright provides visual evidence and root-cause analysis for debugging. The skill includes examples that enforce waiting for networkidle before taking full-page screenshots and recording browser console output.

Does this testing approach work for both static HTML files and dynamic webapps?▼

Yes, this testing approach works for both static HTML and dynamic webapps. It coordinates server lifecycle management and end-to-end testing regardless of whether the local application serves dynamic content or static files.

What is the best way to discover DOM selectors before running browser automation tests?▼

The best way to discover DOM selectors for browser automation is a reconnaissance-then-action pattern. The skill inspects the rendered DOM after waiting for networkidle, discovers selectors, and then performs deterministic actions based on verified elements.

How do I automate server cleanup if my local webapp testing script crashes?▼

Automating server cleanup when local webapp testing scripts crash requires lifecycle management. The server helper script manages process teardown, ensuring that started servers are cleaned up even if the Playwright automation script encounters an error.