How does the E2E skill handle test failures?

When a test fails, the skill automatically captures a screenshot of the failing state, a video recording of the execution, a Playwright trace file, and both network and console logs for deep debugging.

Does this skill help with flaky tests?

Yes, the e2e-runner agent identifies unstable tests and can recommend fixes or move them into a quarantine state to prevent CI/CD pipeline interruptions.

Which browsers are supported for testing?

The skill supports testing across Chromium (Desktop Chrome), Firefox, and WebKit (Desktop Safari) by default, with options for mobile browser emulation.

Is the generated code maintainable?

Yes, the skill follows the Page Object Model (POM) pattern and encourages the use of data-testid attributes to ensure tests are modular and resilient to UI changes.

Playwright E2E Testing

Name: Playwright E2E Testing
Author: sc30gsw

bysc30gsw

•

Seguridad y Pruebas

Generates and executes robust end-to-end test suites using Playwright to ensure seamless user journeys across all major browsers.

The E2E skill leverages the e2e-runner agent to automate the entire testing lifecycle, from generating Playwright tests based on user flows to executing them across Chromium, Firefox, and WebKit. It simplifies debugging by automatically capturing rich artifacts such as screenshots, video recordings, and trace files on failure, while following industry best practices like the Page Object Model (POM). This skill is essential for developers looking to validate critical business paths, identify flaky tests, and ensure high-quality deployments with CI-ready reporting.

Características Principales

01CI/CD integration with HTML and JUnit XML report generation

02Cross-browser testing across Chrome, Firefox, and Safari (WebKit)

038 GitHub stars

04Comprehensive failure artifacts including videos, traces, and network logs

05Flaky test detection and quarantine management

06Automated Playwright test generation based on identified user journeys

Casos de Uso

01Debugging complex UI regressions using captured traces and console logs

02Validating frontend and backend integrations before production deployment

03Testing critical user paths such as authentication, payments, and multi-step forms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sc30gsw/claude-code-customes e2e

For use in Claude.ai and ChatGPT

Download Skill