How does this help with flaky tests?

It provides deterministic waiting strategies and network mocking patterns to reduce environmental dependencies and timing issues that typically cause flakiness.

Does this skill support both Playwright and Cypress?

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

Does it cover CI/CD integration?

Yes, the skill includes configuration examples for parallel testing, sharding, and setting up automated reporting for CI/CD environments.

Can I use this for visual testing?

Yes, it includes advanced patterns for visual regression testing to detect UI changes and regressions across different releases.

What is the benefit of the Page Object Model included here?

The Page Object Model (POM) decouples test logic from UI selectors, making your test suite significantly easier to maintain as your application's UI evolves.

E2E Testing Patterns

Name: E2E Testing Patterns
Author: yusoofsh

byyusoofsh

セキュリティとテスト

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

概要

This skill provides comprehensive guidance on building, debugging, and maintaining high-quality E2E test suites. It covers essential architectural patterns like the Page Object Model and fixtures, alongside advanced strategies for network mocking, visual regression, and accessibility testing. Whether you are setting up a new CI/CD pipeline or fixing flaky tests, this skill helps developers establish deterministic testing standards for critical user workflows across multiple browsers.

主な機能

Implementation of Page Object Model for highly maintainable test code
Deterministic waiting strategies to eliminate test flakiness
Advanced patterns for visual regression and accessibility audits
0 GitHub stars
Cross-browser and responsive design testing configurations
Network mocking and interception strategies for API isolation

ユースケース

Stabilizing unreliable test suites in CI/CD pipelines using best practices
Setting up comprehensive cross-browser testing for web applications
Automating critical user paths like authentication, checkout, and complex forms

概要

主な機能

Implementation of Page Object Model for highly maintainable test code
Deterministic waiting strategies to eliminate test flakiness
Advanced patterns for visual regression and accessibility audits
0 GitHub stars
Cross-browser and responsive design testing configurations
Network mocking and interception strategies for API isolation

ユースケース

Stabilizing unreliable test suites in CI/CD pipelines using best practices
Setting up comprehensive cross-browser testing for web applications
Automating critical user paths like authentication, checkout, and complex forms