How does it help reduce flaky tests?

The skill emphasizes deterministic waiting strategies, fixture management, and independent test design to eliminate common sources of instability.

Can I use these patterns for cross-browser testing?

Absolutely. It provides configurations for testing across Chromium, Firefox, WebKit, and various mobile device profiles.

How do these patterns integrate with CI/CD?

The skill includes advanced patterns for test sharding, parallelization, and reporter configuration optimized for CI environments.

Does it include support for visual regression?

Yes, it includes patterns for visual regression testing and screenshot comparison to catch UI regressions automatically.

What testing frameworks does this skill support?

It focuses on industry-leading tools Playwright and Cypress, providing specific implementation patterns for both.

E2E Testing Patterns

Name: E2E Testing Patterns
Author: HermeticOrmus

byHermeticOrmus

보안 및 테스팅

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

소개

This skill provides a comprehensive set of patterns and best practices for building maintainable end-to-end (E2E) test suites. It guides users through complex scenarios including Page Object Model implementation, network interception, visual regression testing, and CI/CD integration. By leveraging industry-standard frameworks like Playwright and Cypress, it helps developers transition from flaky, unreliable tests to deterministic, fast-executing automation that boosts deployment confidence across multiple browsers and devices.

주요 기능

Page Object Model (POM) architecture for maintainable test code
Network mocking and request interception strategies
Cross-browser and mobile device testing configurations
Advanced waiting strategies and deterministic test fixtures
0 GitHub stars
Visual regression and accessibility testing patterns

사용 사례

Establishing a new E2E testing suite for a high-traffic web application
Debugging and fixing flaky automated tests in existing deployment pipelines
Implementing automated accessibility (A11y) checks within CI/CD workflows

소개

주요 기능

Page Object Model (POM) architecture for maintainable test code
Network mocking and request interception strategies
Cross-browser and mobile device testing configurations
Advanced waiting strategies and deterministic test fixtures
0 GitHub stars
Visual regression and accessibility testing patterns

사용 사례

Establishing a new E2E testing suite for a high-traffic web application
Debugging and fixing flaky automated tests in existing deployment pipelines
Implementing automated accessibility (A11y) checks within CI/CD workflows