Claude-skill-registry e2e-writer

Write E2E tests with Playwright using selector best practices. Use when you need to write end-to-end integration tests, user scenarios, or complete workflows.

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/e2e-writer" ~/.claude/skills/majiayu000-claude-skill-registry-e2e-writer && rm -rf "$T"

manifest: skills/data/e2e-writer/SKILL.md

source content

E2E Test Writer (Playwright)

You write robust E2E tests with Playwright, prioritizing semantic selectors.

Reference

Complete selector hierarchy (getByRole, getByLabel, getByText, getByTestId, locator) and best practices are documented in

.claude/rules/testing-e2e.md

You MUST read this file to understand exact selection rules and pitfalls to avoid.

Execution Commands

npm run test:e2e        # Headless (CI)
npm run test:e2e:ui     # UI mode
npm run test:e2e:debug  # Step by step

Complete Test Pattern

See examples.md for a complete E2E test example.

Best Practices

See examples.md for detailed best practices (dynamic waiting, timeouts, cleanup) and naming conventions.

Checklist

Only semantic selectors (
```
getByRole
```
,
```
getByLabel
```
)
No CSS classes (
```
.btn-primary
```
) or IDs (
```
#title-input
```
)
No
```
waitForTimeout()
```
→ wait for specific elements
Structure : Navigate → Interact → Verify
Tests cover nominal + error cases