e2e-testingcommit d29cf65SKILL.md · Testing & Debugging
Playwright E2E Testing Patterns
Playwright E2E testing patterns covering Page Object Model, configuration, CI/CD integration, artifact management and flaky test strategies.
npx skills add affaan-m/ECC --skill e2e-testingCommand selected. Copy it manually.
- Permissions
- read-repo
- write-files
- shell
- network
- Compatible with
- Claude Code, Codex, Cursor, Copilot, OpenCode
- GitHub
- 294.3k
- Source
- Community · Affaan Mustafa
- Status
- Scan passed
- License
- MIT
- Category
- Testing & Debugging
Core rule
Wait for specific conditions such as auto-waiting locators or a particular response, not arbitrary timeouts.
Execution Phases
Phase 01Organize the tests
Group test files by feature under tests/e2e, add fixtures, and write Page Object classes with data-testid locators.
Phase 02Write the tests
Structure cases with test.describe and beforeEach, drive pages through page objects, and assert on results.
Phase 03Configure Playwright
Set CI retries, reporters, trace, screenshot and video on failure, multiple browsers and webServer in playwright.config.ts.
Phase 04Handle flaky tests
Quarantine with test.fixme or test.skip, find flakiness with --repeat-each, and fix race, network and animation timing issues.
Phase 05Artifacts and CI
Capture screenshots, traces and video, run tests in GitHub Actions with the report uploaded, and fill in the test report template.
Permissions (summarised from SKILL.md)
| Capability | Needed | Details |
|---|---|---|
| File writes | Required | Writes test files, page objects, playwright.config.ts and a CI workflow. |
| Command execution | Tests only | Runs npx playwright test, including with --repeat-each and --retries. |
| Network outbound | Not required | Tests default to a local baseURL; the patterns include no other network steps. |
SKILL.md frontmatter (YAML)
---
name: e2e-testing
description: Playwright E2E testing patterns, Page Object Model, configuration, CI/CD integration, artifact management, and flaky test strategies. Use when writing Playwright tests, structuring page objects, or fixing flaky E2E runs in CI.
metadata:
origin: ECC
---