E2E Testing Skill

Purpose

This skill provides end-to-end testing conventions using Playwright. E2E tests validate complete user flows with browser automation.

Activation

This skill activates when:

• Creating or modifying files in tests/e2e/specs/
• Testing complete user flows
• Working with Playwright
• Creating or modifying Page Object Model classes
• Working with authentication contexts

File Patterns

• tests/e2e/specs/**/*.spec.ts
• tests/e2e/pages/**/*.page.ts

Workflow

1. Detect E2E test work (file path contains tests/e2e/)
2. Load references/E2E-Testing-Conventions.md
3. Also load testing-base skill for shared conventions
4. Apply Playwright patterns with custom fixtures
5. Use Page Object Model for reusable interactions

Key Patterns (REQUIRED)

Custom Fixtures

• Use fixtures from tests/e2e/fixtures/base.fixture.ts
• Available: adminPage, userPage, newUserPage (authenticated contexts)
• Available: adminFinder, userFinder, newUserFinder (ComponentFinder instances)

Page Object Model

• Extend BasePage class for page objects
• Define url property for navigation
• Use byTestId helper for data-testid lookups

ComponentFinder

• Use for standardized data-testid lookups
• Methods: feature(), form(), ui(), layout(), tableCell()

Test Organization

• Place in appropriate tests/e2e/specs/{category}/ folder
• Categories: smoke, public, user, admin, onboarding

References

• references/E2E-Testing-Conventions.md - Complete E2E testing conventions