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
- •Detect E2E test work (file path contains
tests/e2e/) - •Load
references/E2E-Testing-Conventions.md - •Also load
testing-baseskill for shared conventions - •Apply Playwright patterns with custom fixtures
- •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
BasePageclass for page objects - •Define
urlproperty for navigation - •Use
byTestIdhelper for data-testid lookups
ComponentFinder
- •Use for standardized
data-testidlookups - •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