Does this skill support both Playwright and Cypress?

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

Does it include support for visual testing?

Yes, the skill covers visual regression testing patterns to help you detect UI changes and layout shifts that traditional functional tests might miss.

Can I use this for CI/CD pipeline optimization?

Absolutely. It provides guidance on parallelization, test sharding, and CI-specific configurations to ensure your test suite doesn't become a bottleneck in your deployment process.

How does this skill help with flaky tests?

It includes specific patterns for deterministic waiting strategies, network mocking, and avoiding fixed timeouts, which are the primary causes of test instability.

E2E Testing Patterns

Name: E2E Testing Patterns
Author: Activer007

byActiver007

0•

Security & Testing

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

This skill provides comprehensive guidance for building, debugging, and maintaining high-quality end-to-end (E2E) test suites. It covers industry-standard patterns like the Page Object Model, custom fixtures, and advanced network interception for both Playwright and Cypress. By leveraging these patterns, developers can eliminate flaky tests, establish consistent testing standards, and automate critical user workflows within CI/CD pipelines to ensure code can be shipped quickly and confidently without breaking the user experience.

Key Features

010 GitHub stars

02Network mocking and interception for API-independent frontend testing

03Advanced waiting strategies and assertions to eliminate flaky test behavior

04Visual regression and automated accessibility (A11y) testing patterns

05Parallel testing configuration and CI/CD sharding strategies

06Implementation of Page Object Model for maintainable and reusable test code

Use Cases

01Setting up a new automated E2E test suite for a React, Vue, or Next.js application

02Implementing comprehensive cross-browser and mobile-responsive testing workflows

03Refactoring unstable, unreliable tests into deterministic and fast-running scripts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add activer007/ordinary-claude-skills e2e-testing-patterns

For use in Claude.ai and ChatGPT

Download Skill