Professional E2E Browser Testing
The WebApp Tester skill provides a production-grade automated testing workflow using Playwright. It solves the common problem of "flaky" or shallow AI-generated tests by implementing a structured, artifact-driven approach to browser automation. Instead of just clicking buttons and hoping for the best, this skill ensures your AI agent acts like a professional QA engineer.
What it does
- Comprehensive Coverage: Tests flows across desktop and mobile viewports (iOS/Android emulation).
- Deep Diagnostics: Automatically captures screenshots, Playwright traces, and console logs on failure.
- Smart Auth: Manages persistent authentication states, preventing redundant login steps across test suites.
- Visual Regression: Implements screenshot comparison to catch UI regressions that functional tests might miss.
- Step-Level Reporting: Provides clear, human-readable summaries of exactly where a flow broke.
Why use this skill?
Prompting an AI to "test my site" often results in generic scripts that fail on modern React/Next.js apps. This skill enforces test.step() patterns, proper locators, and environmental awareness. It handles dev servers, manages mobile emulation profiles, and produces actionable debugging data that tells you exactly why a test failed—saving you hours of manual reproduction.
Supported Tools
- Frameworks: Playwright (primary), Chromium, WebKit, Firefox.
- Environments: Local dev servers (localhost), staging, and production.
- Contexts: Mobile Safari, Mobile Chrome, Desktop Responsive.