skills.rest
JoaquinCampo
JoaquinCampoCOMMUNITY
Explore all skills by this author →
GitHub

webapp-testing

Automate end-to-end testing of local web applications with Playwright.

3|Updated Dec 22, 2025
Search Tags:#automation#logging#playwright#web-testing#frontend-testing#server-management
One-click install
npx skills add https://github.com/JoaquinCampo/codex-skills --skill webapp-testing-joaquincampo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/JoaquinCampo/codex-skills/tree/main/webapp-testing
Command: npx skills add https://github.com/JoaquinCampo/codex-skills --skill webapp-testing-joaquincampo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill enables automated testing of local web applications using Playwright, combining frontend verification, UI debugging, and visual logging to reduce manual testing effort.

Core Features & Use Cases

  • Playwright-based automation for validating frontend functionality across local web apps.
  • Server orchestration with scripts/with_server.py to run backend/frontend stacks in parallel.
  • Examples demonstrate common tasks: console logging, element discovery, and static HTML automation.

Quick Start

Start a local web app and run an automation script with the built-in server helper: python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_automation.py Create a simple Playwright script (e.g., in examples/) that navigates to http://localhost:5173, waits for networkidle, and captures a screenshot, then run: python your_automation.py

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I automate end-to-end testing for a local web app with Playwright?▼

Automate end-to-end testing for a local web app using Playwright by running Python scripts that navigate pages, wait for network idle, inspect the DOM, and capture screenshots. The skill orchestrates local servers and enforces deterministic test runs with clean teardown.

What is the best way to test multi-server workflows during frontend development?▼

Testing multi-server workflows is handled via server orchestration with scripts/with_server.py, which runs backend and frontend stacks in parallel. This ensures both dynamic apps and static HTML function correctly together during automated frontend verification.

Can I capture console logs and screenshots while testing dynamic web apps?▼

Yes, you can capture console logs and screenshots while testing dynamic web apps. Playwright automation scripts support visual logging, element discovery, and DOM inspection to reduce manual UI debugging effort for local applications.

How do I start a local server and run an automation script together?▼

Start a local server and run an automation script together using the command: python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_automation.py. This manages server lifecycle and port mapping for test execution.

Does this Playwright testing approach support static HTML files?▼

Yes, this Playwright testing approach supports static HTML files. The automation scripts provide specific examples for static HTML automation alongside dynamic app testing, covering scenarios for both single-server and multi-server workflows.

Why should I use server orchestration for frontend testing instead of manual verification?▼

Server orchestration enforces deterministic test runs and clean teardown, eliminating manual verification effort. It validates frontend functionality across local web apps by managing parallel backend and frontend stacks for reliable UI debugging and visual logging.

Related Skills

Explore More Software Engineering Skills→
flonatflonat
127

webapp-testing

Automates web application testing with Playwright and Python scripts.

Community
Intermediate
githubgithub
37.6k

webapp-testing

Automate browser-based testing of local web applications with Playwright.

Official
Intermediate
wigxelwigxel
3

convex-quickstart

Provision and configure Convex backend environments for web applications.

Official
Intermediate
SiyeolryuSiyeolryu

webapp-testing

Automate end-to-end testing of local web apps with Playwright for Python.

Community
Intermediate