What browsers does this skill test?

It validates user flows across Chromium, Firefox, and WebKit to ensure full browser compatibility and consistent user experience.

How does it handle flaky tests?

The skill requires three consecutive successful passes for every test to verify stability and identify intermittent failures before they reach production.

Can it test mobile and tablet layouts?

Yes, it includes requirements for testing responsive viewports to ensure the application remains functional across mobile, tablet, and desktop devices.

Is this skill part of a larger development workflow?

Yes, it is Gate 5 of the Ring frontend development cycle, following visual testing and preceding performance testing gates.

Does it only test successful user paths?

No, it explicitly mandates testing for error paths such as API 500 errors, timeouts, and form validation failures to ensure robust error handling.

Frontend E2E Testing (Gate 5)

Name: Frontend E2E Testing (Gate 5)
Author: LerianStudio

byLerianStudio

•

135

•

보안 및 테스팅

Automates comprehensive end-to-end testing for frontend user flows using Playwright across multiple browsers and viewports.

This skill acts as Gate 5 in the Ring frontend development cycle, ensuring every user flow defined during the design phase is fully validated through automated E2E tests. By orchestrating a specialized QA Analyst agent, it executes Playwright tests across Chromium, Firefox, and WebKit to guarantee cross-browser compatibility. It enforces strict quality gates including mandatory error-path testing (API 500s, timeouts) and responsive viewport checks, preventing flaky code from reaching production by requiring consecutive successful passes.

주요 기능

01Responsive viewport coverage for mobile, tablet, and desktop

02Mandatory error-path testing for API failures and timeouts

03135 GitHub stars

04Automated Playwright test orchestration for defined user flows

05Flakiness prevention via mandatory consecutive pass requirements

06Cross-browser validation across Chromium, Firefox, and WebKit

사용 사례

01Verifying frontend resilience when backend services encounter errors

02Validating complex multi-step transaction flows before deployment

03Ensuring UI stability across different browser engines and devices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lerianstudio/ring dev-frontend-e2e

For use in Claude.ai and ChatGPT

Download Skill