This skill should be used when the user asks for "browser tests", "playwright tests", "end-to-end testing", "test user flows", "E2E coverage", "integration tests for UI", "page object pattern", "/e2e command", or discusses automated browser testing. Covers the E2E test loop workflow, Playwright patterns, page objects, and selector strategies.
View on GitHubskills/e2e-test-loop/SKILL.md
February 1, 2026
Select agents to install to:
npx add-skill https://github.com/SomtoUgeh/somto-dev-toolkit/blob/main/skills/e2e-test-loop/SKILL.md -a claude-code --skill e2e-test-loopInstallation paths:
.claude/skills/e2e-test-loop/# E2E Test Loop - Browser Automation Testing **Current branch:** !`git branch --show-current 2>/dev/null || echo "not in git repo"` The E2E test loop uses a 2-phase workflow with Dex task tracking for persistent, cross-session browser test development. ## The 2-Phase Approach | Phase | Name | Purpose | |-------|------|---------| | 1 | Flow Analysis | Identify critical user flows | | 2 | Dex Handoff | Create epic + tasks per flow | After Phase 2, use `/complete <task-id>` for each E2E test task. ## Starting the Loop ```bash /e2e "Cover checkout flow" # Basic /e2e "Test auth and settings flows" # Multiple flows ``` ## Phase 1: Flow Analysis 1. Analyze application routes, features, user journeys 2. Identify critical flows needing E2E coverage 3. Prioritize 3-7 test tasks Focus on: - Happy paths users depend on - Payment/auth/data submission flows - Flows that broke in production **Output:** `<phase_complete phase="1"/>` ## Phase 2: Dex Handoff Create Dex epic, then tasks for each flow: ```bash # Create epic dex create "E2E Test Coverage" --description "Critical user flow coverage" # For each flow dex create "E2E: checkout flow" --parent <epic-id> --description " Flow: Browse → Cart → Checkout → Confirmation Steps: 1. Add product to cart 2. Proceed to checkout 3. Fill payment form 4. Complete purchase Files: - e2e/checkout.e2e.page.ts - e2e/checkout.e2e.ts Acceptance: - [ ] Page object with semantic locators - [ ] Test covers happy path " ``` **Output:** `<phase_complete phase="2"/>` or `<promise>E2E SETUP COMPLETE</promise>` ## Working on Tasks Use Dex + /complete workflow: ```bash dex list --pending # See what's ready dex start <id> # Start working /complete <id> # Run reviewers and complete ``` ## File Naming Convention ``` e2e/ ├── checkout.e2e.page.ts # Page object (locators, setup, actions) ├── checkout.e2e.ts # Test file (concise tests) ├── auth.e2e.page.ts └── auth.e2e.ts ``` ## Playwright P