ui-testing

What problem does it solve?

This Skill automates the tedious and error-prone process of manual UI testing, ensuring that web interfaces are functional, responsive, and visually consistent across changes. It helps catch bugs early, prevents regressions, and saves significant time in quality assurance, allowing developers to focus on building features.

Core Features & Use Cases

• Playwright Integration: Leverages Playwright for robust browser automation and interaction, simulating real user behavior.
• Visual Regression Testing: Captures screenshots to compare UI states before and after changes, instantly detecting unintended visual shifts.
• Workflow Validation: Tests complex multi-step user journeys, ensuring end-to-end functionality and a smooth user experience.
• Use Case: After a major CSS refactor, use this Skill to automatically navigate through key pages, capture screenshots, and compare them against baselines to instantly identify any visual regressions, saving hours of manual visual inspection and ensuring design integrity.

Quick Start

Using the ui-testing skill, navigate to "http://localhost:5173", wait for the text "Welcome to GAO-Dev", and take a screenshot named "onboarding-start.png".