webapp-testing

Run Playwright browser checks and accessibility audits on web URLs.

Updated Mar 24, 2026
One-click install
npx skills add https://github.com/Icebane84/Synarche_Workshop --skill webapp-testing-icebane84
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/Icebane84/Synarche_Workshop/tree/main/.agent/skills/qa/webapp-testing
Command: npx skills add https://github.com/Icebane84/Synarche_Workshop --skill webapp-testing-icebane84

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Web app quality issues slip through when critical routes, UI states, and accessibility requirements aren’t tested systematically end-to-end and through targeted scans.

Core Features & Use Cases

  • E2E smoke and health checks: Load a URL, validate basic page signals (title, headings, links/images), capture console errors, and optionally save screenshots for review.
  • Accessibility-focused quick audits: Check presence of meaningful alt text, labels, and heading structure to catch common UX regressions early.
  • Deep audit workflow: Use a discovery-first approach to map routes and API endpoints, then scan and test critical paths using a testing pyramid and practical best practices.

Quick Start

Run: python scripts/playwright_runner.py https://example.com --screenshot

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I run e2e smoke tests and capture screenshots with Playwright?

You can run e2e smoke tests by executing the Playwright runner script against a target URL, validating page signals like titles and headings, capturing console errors, and optionally saving screenshots for regression review.

What is covered in a Playwright accessibility audit for web UIs?

A Playwright accessibility audit checks web UIs for meaningful alt text, form labels, and heading structure to catch common UX regressions early without requiring a full manual review.

Can I use Playwright for regression detection across all web app routes?

Yes, you can use Playwright for regression detection by applying a discovery-to-scan-to-test workflow that maps application routes and validates critical UI, routing, and basic content presence.

What's the best way to validate critical web application flows automatically?

The best way to validate critical web application flows is using a testing pyramid approach that loads deterministic pages with network-idle waits and outputs structured JSON results.

Do I need deterministic page loading for Playwright e2e testing?

Yes, deterministic page loading with network-idle waits is required for Playwright e2e testing to ensure stable selector strategies and consistent validation of basic page content.

Why does my Playwright e2e test fail on dynamic web app routes?

Playwright e2e tests fail on dynamic routes when pages lack deterministic loading conditions; applying network-idle waits and stable selector strategies resolves timing and content presence issues.