How are test artifacts like screenshots and videos managed?

The skill includes configurations for capturing screenshots on failure, recording videos of test runs, and generating detailed execution traces for debugging.

Can I use this for Web3 or DApp testing?

Yes, the skill includes specialized patterns for mocking Ethereum providers and testing wallet connection flows within a headless browser environment.

Does it include CI/CD configuration?

Yes, it provides ready-to-use GitHub Actions YAML configurations and artifact retention strategies for automated testing pipelines.

How does this skill help with flaky tests?

It provides patterns for identifying race conditions, handling network timing, and using specific Playwright wait conditions instead of arbitrary timeouts to ensure stable test execution.

What is the recommended test file organization?

It advocates for a structured directory layout separating E2E tests, API tests, fixtures, and Page Objects to improve maintainability as the suite grows.

E2E Testing Patterns

Name: E2E Testing Patterns
Author: affaan-m

byaffaan-m

•

172,651

•

Security & Testing

Implements robust Playwright end-to-end testing patterns, including Page Object Models and flaky test mitigation strategies.

This skill provides Claude with a comprehensive framework for building stable, maintainable, and high-performance end-to-end test suites using Playwright. It covers everything from standardized project organization and Page Object Model (POM) implementation to advanced handling of flaky tests, artifact management, and CI/CD integration. It also includes specialized patterns for complex scenarios like Web3 wallet connections and financial transaction testing, ensuring Claude writes production-ready test code that integrates seamlessly into modern development workflows.

Key Features

01Comprehensive CI/CD integration for GitHub Actions

02Standardized Page Object Model (POM) implementation patterns

03172,651 GitHub stars

04Flaky test identification and mitigation strategies

05Advanced artifact management for traces, videos, and screenshots

06Specialized testing patterns for Web3/Wallets and Financial flows

Use Cases

01Automating regression testing for complex web applications

02Reducing test flakiness and improving CI/CD reliability

03Implementing standardized testing architectures across large engineering teams

Key Features

01Comprehensive CI/CD integration for GitHub Actions

02Standardized Page Object Model (POM) implementation patterns

03172,651 GitHub stars

04Flaky test identification and mitigation strategies

05Advanced artifact management for traces, videos, and screenshots

06Specialized testing patterns for Web3/Wallets and Financial flows

Use Cases

01Automating regression testing for complex web applications

02Reducing test flakiness and improving CI/CD reliability

03Implementing standardized testing architectures across large engineering teams