e2e-testing
This skill teaches you how to build robust end-to-end test suites using Playwright, covering essential patterns and industry best practices. You'll develop the expertise to write maintainable, scalable tests that catch real-world issues before they reach production.
e2e-testing teaches you how to structure Playwright tests using proven patterns that ensure maintainability and scalability. The skill covers essential best practices including proper test isolation, meaningful assertions, and clear test organization. By following these patterns, you'll write tests that are easier to debug, update, and extend as your application grows. The curriculum emphasizes catching real-world issues before they reach production through comprehensive E2E coverage.
AI-generated summary based on this skill's SKILL.md
Install
affaan-m/ECC/e2e-testing · repository language: JavaScript
git clone https://github.com/affaan-m/ECC
cp -r ECC/skills/e2e-testing ~/.claude/skills/e2e-testingFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What are the key Playwright E2E testing patterns and best practices for building maintainable test suites?
e2e-testing teaches you how to structure Playwright tests using proven patterns that ensure maintainability and scalability. The skill covers essential best practices including proper test isolation, meaningful assertions, and clear test organization. By following these patterns, you'll write tests that are easier to debug, update, and extend as your application grows. The curriculum emphasizes catching real-world issues before they reach production through comprehensive E2E coverage.
How do you implement Page Object Model architecture for organizing and scaling E2E tests?
e2e-testing provides guidance on implementing the Page Object Model (POM) architecture, a design pattern that encapsulates page elements and interactions into reusable objects. This approach separates test logic from page-specific details, making your test suite more maintainable and scalable. By organizing tests around page objects, you reduce duplication, simplify updates when UI changes occur, and make your test code more readable and professional.
How to write stable e2e tests and what strategies fix flaky test issues in Playwright?
e2e-testing addresses flaky tests through comprehensive coverage of proper wait strategies and race condition handling. The skill teaches you how to diagnose the root causes of test instability—such as timing issues, improper waits, and race conditions—and apply targeted fixes. You'll learn when to use explicit waits versus implicit ones, how to validate element readiness, and techniques for handling asynchronous operations reliably, resulting in tests that run consistently across environments.
How do you set up CI/CD pipelines with artifact management and test reporting in Playwright?
e2e-testing covers the complete CI/CD integration process for Playwright tests, including pipeline configuration, artifact management, and comprehensive test reporting. You'll learn how to integrate Playwright with popular CI/CD platforms like GitHub Actions, capture screenshots and videos for failed tests, generate detailed test reports, and manage test artifacts effectively. This ensures your automated tests provide actionable insights and integrate seamlessly into your deployment workflow.
What does e2e-testing cover regarding Playwright configuration setup and multi-browser testing?
e2e-testing provides thorough guidance on Playwright configuration setup, enabling you to tailor your testing environment for different scenarios and browsers. The skill covers multi-browser testing capabilities, allowing you to validate your application across Chrome, Firefox, and Safari simultaneously. You'll learn how to configure test timeouts, viewport settings, device emulation, and other critical parameters to ensure your tests run reliably and comprehensively across your target platforms.
Can e2e-testing help with testing Web3 wallet and financial transaction flows?
e2e-testing includes specialized guidance for testing Web3/wallet and financial transaction flows with proper mocking and validation techniques. While this represents a specialized use case, the skill equips you with the patterns and strategies needed to validate complex transaction flows, wallet interactions, and blockchain-related features. You'll learn how to mock external services, validate state changes, and ensure your financial and Web3 features work correctly in an automated testing context.
SKILL.md
rendered from the published skill — quoted content, verbatim
E2E Testing Patterns
Comprehensive Playwright patterns for building stable, fast, and maintainable E2E test suites.
Test File Organization
tests/
├── e2e/
│ ├── auth/
│ │ ├── login.spec.ts
│ │ ├── logout.spec.ts
│ │ └── register.spec.ts
│ ├── features/
│ │ ├── browse.spec.ts
│ │ ├── search.spec.ts
│ │ └── create.spec.ts
│ └── api/
│ └── endpoints.spec.ts
├── fixtures/
│ ├── auth.ts
│ └── data.ts
└── playwright.config.ts
Page Object Model (POM)
```typescript import { Page, Locator } from '@playwright/test'
export class ItemsPage { readonly page: Page readonly searchInput: Locator readonly itemCards: Locator readonly createButton: Locator
constructor(page: Page) { this.page = page this.searchInput = page.locator('[data-testid="search-input"]') this.itemCards = page.locator('[data-testid="item-card"]') this.createButton = page.locator('[data-testid="create-btn"]') }
async goto() { await
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
skills/e2e-testing/SKILL.md