Which testing frameworks are supported by this skill?

This skill specifically provides best-practice patterns and configurations for Playwright and Cypress, the two most popular modern E2E testing frameworks.

Does this skill include support for visual regression?

Yes, it includes patterns for visual regression testing to capture and compare screenshots, ensuring UI elements remain consistent across updates.

Is this suitable for testing accessibility?

Yes, the skill includes patterns for integrating Axe-core to automatically validate accessibility requirements (WCAG) during your E2E test runs.

How does this skill help reduce flaky tests?

It provides deterministic waiting strategies, such as waiting for specific API responses or UI states, rather than using fixed timeouts which are the primary cause of flakiness.

Can I use these patterns for mobile web testing?

Absolutely. It includes Playwright device emulation patterns to test how your application performs on various mobile viewports and browsers.

E2E Testing Patterns

Name: E2E Testing Patterns
Author: nguyendinhquocx

bynguyendinhquocx

0•

Security & Testing

Implements reliable end-to-end testing suites using Playwright and Cypress best practices to ensure application stability and catch regressions.

This skill provides a comprehensive library of patterns for building robust E2E test suites that provide high confidence during deployment. It includes standardized implementations for the Page Object Model, custom test fixtures, deterministic waiting strategies, and advanced network interception using industry-leading tools like Playwright and Cypress. By following these patterns, developers can significantly reduce test flakiness, automate critical user journeys, and establish consistent testing standards across their engineering teams, ultimately leading to faster and more secure release cycles.

Key Features

010 GitHub stars

02Deterministic waiting strategies to eliminate flakiness and race conditions

03Visual regression and accessibility testing integrations (Axe-core)

04Advanced network mocking and request interception for isolated testing

05Pre-configured multi-browser and mobile emulation templates

06Page Object Model (POM) implementation for modular and maintainable test code

Use Cases

01Establishing cross-browser testing standards for responsive web applications

02Refactoring flaky test suites to improve reliability in CI/CD pipelines

03Automating critical user workflows such as authentication, onboarding, and checkout

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nguyendinhquocx/code-ai e2e-testing-patterns

For use in Claude.ai and ChatGPT

Key Features

010 GitHub stars

02Deterministic waiting strategies to eliminate flakiness and race conditions

03Visual regression and accessibility testing integrations (Axe-core)

04Advanced network mocking and request interception for isolated testing

05Pre-configured multi-browser and mobile emulation templates

06Page Object Model (POM) implementation for modular and maintainable test code

Use Cases

01Establishing cross-browser testing standards for responsive web applications

02Refactoring flaky test suites to improve reliability in CI/CD pipelines

03Automating critical user workflows such as authentication, onboarding, and checkout

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nguyendinhquocx/code-ai e2e-testing-patterns

For use in Claude.ai and ChatGPT