Design isolated browser regression scenarios in Claude Code
Cover a critical user journey with repeatable isolated data, stable element identifiers, and visible assertions.
中文Install in Claude Code
A Claude Code project you control with its Playwright or Cypress test setup. Prepare isolated data and cleanup.
- Review `.claude/skills/e2e-testing/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.claude/skills/e2e-testing/` in your project and save the reviewed file as `.claude/skills/e2e-testing/SKILL.md`.
- Start Claude Code from that project's root, then select `/e2e-testing` in the slash menu.
Example task
The core rehearsal flow selects a venue and shows matching activities. Use isolated `{venues:['Hall','Garden'],choice:'Hall',testId:'venue-picker'}` as the browser test fixture.What to check
Choose Hall using `venue-picker` and expect `['Hall']` in the activity list. Clean up the fixture after the case and record the result in the isolated test environment.
Original SKILL.md on GitHub · Updated
Frequently asked question
How can a browser test remain reliable after style changes?
Use stable identifiers and isolated data. Assert an important user-visible outcome and clean up each case. Put detailed branches in unit tests.