e2e-record

Installation
SKILL.md

E2E Test Recording & Refactoring

Workflow

  1. Launch codegen: cd src/Frontend/e2e && npx playwright codegen http://localhost:4001
  2. Save raw recording to src/Frontend/e2e/recordings/{feature-name}.spec.ts
  3. Refactor into POM: Reuse existing page objects from src/Frontend/e2e/page-objects/
  4. Add TC-ID: Annotate with TC-{MOD}-{FEAT}-{NUM}: description @P{n}
  5. Move to tests/: Place in correct folder src/Frontend/e2e/tests/{module}/

Existing Page Objects

  • base.page.ts — Navigation, wait helpers, loading detection
  • app.page.ts — Tab navigation, app-level operations
  • task-list.page.ts — Task list, filters, search
  • task-detail.page.ts — Task form fields, validation
  • text-snippet.page.ts — Snippet CRUD operations

Recording Directory

Raw codegen outputs go to src/Frontend/e2e/recordings/ (gitignored).

Related skills
Installs
3
GitHub Stars
6
First Seen
Feb 28, 2026