webapp-testing

Tests web applications with Playwright for E2E flows, accessibility, and page health audits.

Updated Mar 23, 2026
One-click install
npx skills add https://github.com/Helcio-Nogueira/Painel_Inteligente_Hackaton_2026 --skill webapp-testing-helcio-nogueira
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/Helcio-Nogueira/Painel_Inteligente_Hackaton_2026/tree/main/.agents/skills/webapp-testing
Command: npx skills add https://github.com/Helcio-Nogueira/Painel_Inteligente_Hackaton_2026 --skill webapp-testing-helcio-nogueira

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Manually verifying every route, user flow, and accessibility requirement in a web application is slow and error-prone. This Skill provides structured E2E testing principles and an automated Playwright runner that audits pages, captures screenshots, and reports health metrics as JSON. ## Core Features & Use Cases - Automated Browser Audits: Run scripts/playwright_runner.py against any URL to get page title, status code, element counts, performance timings, and console health in JSON. - Accessibility Checks: Use the --a11y flag to count images missing alt text, unlabeled buttons, and heading structure. - E2E Testing Guidance: Covers the testing pyramid, Page Object Model, CI integration, visual testing, and anti-patterns for Playwright suites. - Use Case: Before deploying a new release, point the runner at your staging URL with --screenshot to confirm the page loads, capture a full-page image, and verify no critical elements are missing. ## Quick Start Ask the assistant to run the Playwright runner script against your web app URL with a screenshot to audit page health and accessibility.

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I run a Playwright browser test on a URL?▼

Run `python scripts/playwright_runner.py <url>` after installing Playwright with `pip install playwright && playwright install chromium`. The script returns JSON with page title, status code, element counts, and performance timings.

How to check website accessibility with Playwright?▼

Run the runner script with the `--a11y` flag to audit accessibility basics. It counts images without alt attributes, unlabeled buttons, form labels, and heading structure (h1-h3) on the target page.

What should E2E tests cover in a web application?▼

Prioritize happy-path user flows first, then authentication flows, critical business actions, and error handling. E2E tests are expensive to maintain, so reserve them for critical paths and cover the rest with component and integration tests.

Does the Playwright runner work without installing browsers?▼

No, the script requires both the playwright Python package and the Chromium browser binary. Install them with `pip install playwright && playwright install chromium`, otherwise the script returns an error JSON with install instructions.

Why are my Playwright tests flaky in CI?▼

Flakiness usually comes from hardcoded waits and shared test state. Use Playwright's built-in auto-waiting assertions, isolate each test with clean state, enable retries on CI, and capture traces on first retry to debug failures.