e2e-testing-patterns

Provide end-to-end testing patterns for Playwright and Cypress.

89|14|Updated Nov 15, 2025
One-click install
npx skills add https://github.com/HermeticOrmus/LibreUIUX-Claude-Code --skill e2e-testing-patterns-hermeticormus
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: e2e-testing-patterns
Source: https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/tree/main/plugins/developer-essentials/skills/e2e-testing-patterns
Command: npx skills add https://github.com/HermeticOrmus/LibreUIUX-Claude-Code --skill e2e-testing-patterns-hermeticormus

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides proven patterns and best practices for creating reliable, maintainable, and efficient end-to-end (E2E) tests using Playwright and Cypress, ensuring software quality and enabling faster deployments.

Core Features & Use Cases

  • Master E2E Testing: Learn fundamental concepts, testing philosophies, and advanced patterns.
  • Playwright & Cypress Focus: Detailed examples and configurations for both popular frameworks.
  • Use Case: When developing a new feature, use this Skill to implement comprehensive E2E tests covering critical user flows, ensuring the feature works as expected across different browsers and scenarios before release.

Quick Start

Use the e2e-testing-patterns skill to generate a Playwright Page Object Model for a login page.

Frequently Asked Questions about e2e-testing-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix flaky E2E tests in Playwright and Cypress?

Fix flaky E2E tests by applying robust waiting strategies, stable selectors, and network mocking patterns provided for Playwright and Cypress. These patterns address timing issues and brittle selectors to ensure reliable automated testing workflows.

What is the best way to structure an E2E testing workflow for maintainability?

Structure E2E testing workflows using the Page Object Model, fixtures, and parallelization patterns. This approach separates UI mappings from test logic, accelerating execution and improving maintainability for complex user flows.

How do I mock network requests in E2E tests using Playwright?

Mock network requests in Playwright E2E tests using built-in network interception patterns. This allows you to simulate API responses, control test environments, and isolate frontend behavior from backend dependencies for reliable testing.

Does this E2E testing approach support visual regression and accessibility testing?

Yes, the E2E testing patterns cover visual regression and accessibility testing alongside core setup. You can capture visual differences and run accessibility checks within your Playwright or Cypress automated testing workflows.

Can I use these E2E testing patterns for cross-browser testing?

Yes, these E2E testing patterns are designed for Playwright and Cypress to validate critical user flows across different browsers. They provide configurations and best practices to ensure consistent software quality before release.

Why are my Cypress E2E tests running slowly and how can I speed them up?

Cypress E2E tests run slowly when lacking parallelization and efficient waiting strategies. Applying parallelization patterns and optimized fixtures reduces execution time while maintaining reliable test coverage for critical features.