e2e-testing-patterns
This skill teaches you how to architect and implement end-to-end tests using industry-standard frameworks like Playwright and Cypress. You'll discover proven patterns for organizing test code, handling asynchronous operations, and maintaining test reliability as your application grows. Gain practical knowledge for building test suites that catch real-world issues before they reach production.
e2e-testing-patterns teaches you to write end-to-end tests with Playwright by covering test structure, selectors, and assertions. You'll learn how to navigate pages, interact with elements, and verify user workflows using Playwright's API. The skill emphasizes organizing tests with fixtures and setup patterns that make your test suite maintainable and reliable as your application grows.
AI-generated summary based on this skill's SKILL.md
Install
HermeticOrmus/LibreUIUX-Claude-Code/e2e-testing-patterns · repository language: Shell
git clone https://github.com/HermeticOrmus/LibreUIUX-Claude-Code
cp -r LibreUIUX-Claude-Code/plugins/developer-essentials/skills/e2e-testing-patterns ~/.claude/skills/e2e-testing-patternsFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do you write end-to-end tests with Playwright?
e2e-testing-patterns teaches you to write end-to-end tests with Playwright by covering test structure, selectors, and assertions. You'll learn how to navigate pages, interact with elements, and verify user workflows using Playwright's API. The skill emphasizes organizing tests with fixtures and setup patterns that make your test suite maintainable and reliable as your application grows.
What are the best practices for establishing testing standards for critical user workflows?
e2e-testing-patterns establishes testing standards by teaching you to identify and automate critical user workflows that matter most to your business. The skill covers how to structure tests around real-world scenarios, use the page object model pattern to keep tests organized, and apply proven patterns that ensure your test suite catches issues before they reach production. You'll learn which workflows deserve e2e coverage and how to prioritize them.
How can you fix flaky or unreliable e2e tests?
e2e-testing-patterns addresses fixing flaky e2e tests by teaching you waiting strategies, proper asynchronous handling, and debugging techniques. The skill covers how to diagnose unreliable tests, implement robust selectors using data-testid attributes, and use Playwright's built-in retry mechanisms. You'll learn why tests fail intermittently and how to apply patterns that eliminate race conditions and timing issues.
How do you set up e2e testing in CI/CD pipelines with proper configuration?
e2e-testing-patterns shows you how to set up e2e testing in CI/CD pipelines by covering configuration best practices, environment setup, and integration with your deployment workflow. The skill teaches you to configure Playwright or Cypress for headless execution, manage test data, and handle browser compatibility across different environments. You'll learn how to parallelize tests and report results effectively in your pipeline.
What is the page object model testing pattern and why should you use it?
e2e-testing-patterns explains the page object model as a structural pattern that encapsulates page interactions and selectors into reusable classes or objects. This pattern, covered in the skill, makes your tests more maintainable by centralizing element selectors and reducing duplication. When your application changes, you update selectors in one place rather than across dozens of tests, making your test suite scalable and easier to debug.
What advanced patterns does e2e-testing-patterns cover beyond basic test implementation?
e2e-testing-patterns covers advanced patterns including visual regression testing to catch unintended UI changes, accessibility testing to ensure your app meets standards, and parallel test execution to speed up your CI/CD pipeline. The skill also teaches network interception techniques for mocking API calls, custom commands for Cypress, and strategies for testing across different browsers. These patterns help you build comprehensive test suites that go beyond simple user interaction verification.
SKILL.md
rendered from the published skill — quoted content, verbatim
E2E Testing Patterns
Build reliable, fast, and maintainable end-to-end test suites that provide confidence to ship code quickly and catch regressions before users do.
When to Use This Skill
- Implementing end-to-end test automation
- Debugging flaky or unreliable tests
- Testing critical user workflows
- Setting up CI/CD test pipelines
- Testing across multiple browsers
- Validating accessibility requirements
- Testing responsive designs
- Establishing E2E testing standards
Core Concepts
1. E2E Testing Fundamentals
What to Test with E2E: - Critical user journeys (login, checkout, signup) - Complex interactions (drag-and-drop, multi-step forms) - Cross-browser compatibility - Real API integration - Authentication flows
What NOT to Test with E2E: - Unit-level logic (use unit tests) - API contracts (use integration tests) - Edge cases (too slow) - Internal implementation
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
plugins/developer-essentials/skills/e2e-testing-patterns/SKILL.md