skills.rest
ccf
ccfCOMMUNITY
Explore all skills by this author →
𝕏@cfigueirGitHub

e2e-testing-patterns

Provide Playwright and Cypress patterns for end-to-end test suites.

1|Updated Dec 23, 2025
Search Tags:#automation#testing#e2e#Playwright#patterns#Cypress
One-click install
npx skills add https://github.com/ccf/claude-code-ccf-marketplace --skill e2e-testing-patterns-ccf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: e2e-testing-patterns
Source: https://github.com/ccf/claude-code-ccf-marketplace/tree/main/plugins/developer-essentials/skills/e2e-testing-patterns
Command: npx skills add https://github.com/ccf/claude-code-ccf-marketplace --skill e2e-testing-patterns-ccf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill standardizes and accelerates end-to-end testing by providing practical Playwright and Cypress patterns, templates, and guidance to build robust, maintainable test suites.

Core Features & Use Cases

  • Page Object Model pattern for reusable UI interactions.
  • Fixtures and data management to simulate realistic scenarios.
  • Waiting strategies and deterministic tests to reduce flakiness.
  • Network interception and mocking for isolated, reliable tests.
  • Cross-browser and CI/CD testing to ensure broad coverage.
  • Accessibility considerations and test hygiene best practices.

Quick Start

Use this skill to scaffold a Playwright and Cypress E2E framework with a login flow, including a Page Object Model and cross-browser projects.

Frequently Asked Questions about e2e-testing-patterns

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

FAQPage Schema
How do I structure end-to-end tests to reduce flakiness in Playwright?▼

To reduce flakiness in Playwright E2E tests, apply deterministic waiting strategies, network interception, and robust fixtures. This skill provides patterns for these techniques alongside test hygiene best practices to ensure reliable execution.

What is the best way to organize Playwright and Cypress test suites for maintainability?▼

The best way to organize maintainable Playwright and Cypress test suites is using the Page Object Model pattern for reusable UI interactions. This skill provides templates for structuring elements, fixtures, and cross-browser projects.

Can I use Cypress or Playwright for network mocking in isolated E2E tests?▼

Yes, you can use Playwright and Cypress for network mocking to create isolated, reliable E2E tests. This skill provides guidance on network interception patterns to simulate API responses and control realistic testing scenarios.

How do I integrate cross-browser E2E tests into a CI/CD pipeline?▼

To integrate cross-browser E2E tests into CI/CD pipelines, use standardized Playwright configurations for broad coverage. This skill delivers patterns for cross-browser projects and test automation to ensure reliable continuous integration.

Does this E2E testing skill include accessibility checks and data fixtures?▼

Yes, this E2E testing skill includes accessibility considerations and data management fixtures. It provides patterns to simulate realistic scenarios and integrate accessibility checks directly into your Playwright and Cypress test suites.

Related Skills

Explore More Software Engineering Skills→
wahabmalikwahabmalik

bmad-testarch-framework

Initialize Playwright or Cypress test frameworks for web applications.

Community
Advanced
gajjalaashok75-UIgajjalaashok75-UI
2

e2e-testing

Builds Playwright-based end-to-end browser test suites for CI/CD pipelines.

Community
Advanced
lsst-sqrelsst-sqre
2

testing-infrastructure

Configure Vitest, React Testing Library, and MSW mocks for monorepo CI testing.

Official
Intermediate
edutruledutrul
67

drupal-kernel

Validate Drupal kernel tests using KernelTestBase for service and database behavior.

Community
Intermediate