How does this help with flaky tests?

The skill focuses on deterministic waiting strategies, network mocking, and robust locator usage (like data-testid) to address the root causes of test instability.

How does it handle test data management?

It utilizes framework-specific fixtures to automate test data setup and teardown, ensuring that every test runs in a clean and predictable environment.

Can I use this for visual testing?

Yes, the skill includes advanced patterns for visual regression testing to detect unintended UI changes across different browsers and resolutions.

Does this skill support both Playwright and Cypress?

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

Is the Page Object Model (POM) supported?

Absolutely. It provides detailed blueprints for implementing POM to improve code reusability and simplify test maintenance as your application grows.

E2E Testing Patterns

Name: E2E Testing Patterns
Author: 3commas-io

by3commas-io

보안 및 테스팅

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

소개

E2E Testing Patterns provides a comprehensive library of best practices and implementation blueprints for automated end-to-end testing. It helps developers move beyond fragile test scripts by implementing advanced architectural patterns like the Page Object Model (POM), reusable fixtures, and deterministic waiting strategies. The skill covers modern frameworks including Playwright and Cypress, offering guidance on network mocking, visual regression testing, and accessibility auditing. Use this skill to build fast, maintainable test suites that integrate seamlessly into CI/CD pipelines and provide the confidence needed for rapid deployment.

주요 기능

0 GitHub stars
Visual regression testing patterns for catching UI and layout regressions
Automated accessibility (Axe-core) testing integration for inclusive design
Network mocking and request interception for isolated and predictable testing
Deterministic waiting strategies and auto-waiting assertions to eliminate test flakiness
Page Object Model (POM) implementation for modular and maintainable test code

사용 사례

Establishing standardized testing architectures across multiple frontend projects
Stabilizing unreliable CI/CD pipelines by replacing fixed timeouts with event-based waiting
Automating critical user journeys such as multi-step forms and authentication flows

소개

주요 기능

0 GitHub stars
Visual regression testing patterns for catching UI and layout regressions
Automated accessibility (Axe-core) testing integration for inclusive design
Network mocking and request interception for isolated and predictable testing
Deterministic waiting strategies and auto-waiting assertions to eliminate test flakiness
Page Object Model (POM) implementation for modular and maintainable test code

사용 사례

Establishing standardized testing architectures across multiple frontend projects
Stabilizing unreliable CI/CD pipelines by replacing fixed timeouts with event-based waiting
Automating critical user journeys such as multi-step forms and authentication flows