Agent-Skills.md

Agent Skills: Web App Testing (Playwright)

Local webapp testing workflow using Python + Playwright: start servers, explore DOM, take screenshots, capture console logs, and verify user flows. Use when debugging UI behavior, validating frontend changes, or creating lightweight end-to-end checks for a local dev server.

UncategorizedID: vadimcomanescu/codex-skills/webapp-testing

Repository

vadimcomanescu/codex-skills
vadimcomanescuLicense: MIT
218

Install this agent skill to your local

pnpm dlx add-skill https://github.com/vadimcomanescu/codex-skills/tree/HEAD/skills/.curated/quality/webapp-testing

Skill Files

Browse the full folder contents for webapp-testing.

Download Skill

Loading file tree…

skills/.curated/quality/webapp-testing/SKILL.md

Skill Metadata

Name
webapp-testing
Description
"Local webapp testing workflow using Python + Playwright: start servers, explore DOM, take screenshots, capture console logs, and verify user flows. Use when debugging UI behavior, validating frontend changes, or creating lightweight end-to-end checks for a local dev server."

Web App Testing (Playwright)

Prefer small, targeted Playwright scripts over heavyweight test suites when you need fast UI verification.

Quick Start

  1. Decide what you’re testing:
    • static HTML file (file://…) vs local dev server (http://localhost:…)
  2. Recon first:
    • take a screenshot
    • list buttons/links/inputs
    • capture console logs
  3. Then automate:
    • select stable locators
    • assert visible text and URL changes
    • keep timeouts explicit and minimal

Helper: run a command with dev server(s)

Start one or more servers, wait for ports, run your Playwright script, then clean up:

python ~/.codex/skills/webapp-testing/scripts/with_server.py --server "npm run dev" --port 3000 -- python /tmp/ui_check.py

Assets

  • Playwright examples you can copy: assets/playwright-examples/