Does it cover visual regression?

Yes, it provides implementation examples for visual regression testing to catch unintended UI changes across different browser engines.

Can I use this for mobile testing?

Yes, the skill includes patterns for mobile emulation and responsive design testing using Playwright's device descriptors and Cypress viewports.

Does this skill support both Playwright and Cypress?

Yes, it provides specific implementation patterns, configurations, and best practices for both Playwright and Cypress frameworks.

How does this skill help with flaky tests?

It introduces advanced waiting strategies and deterministic testing patterns that avoid fixed timeouts, ensuring tests wait for specific UI or network states.

How do I handle test data?

The skill demonstrates using fixtures for setup and teardown, ensuring tests remain independent and the test environment stays clean.

E2E Testing Patterns

Name: E2E Testing Patterns
Author: HermeticOrmus

byHermeticOrmus

0•

Security & Testing

Implements robust end-to-end testing suites using Playwright and Cypress to ensure application reliability and prevent regressions.

This skill provides comprehensive patterns and best practices for building maintainable end-to-end test suites that provide high confidence during deployment. It guides developers through implementing the Page Object Model, managing test data with fixtures, handling asynchronous state with advanced waiting strategies, and mocking network requests. By following these industry-standard architectures, users can eliminate flakiness, improve test execution speed via sharding, and integrate accessibility and visual regression checks into their standard CI/CD workflows.

Key Features

01Automated accessibility and visual regression testing integrations

020 GitHub stars

03Standardized Page Object Model (POM) templates for Playwright and Cypress

04Reliable waiting strategies to eliminate test flakiness and race conditions

05Advanced network mocking and request interception patterns

06Optimized CI/CD configurations for parallelization and test sharding

Use Cases

01Automating critical user journeys like multi-step registration and checkout flows

02Refactoring legacy, unreliable test suites into deterministic and maintainable patterns

03Establishing cross-browser and mobile-responsive testing standards in CI/CD pipelines

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/floreserlife e2e-testing-patterns

For use in Claude.ai and ChatGPT

Download Skill