e2e-dashboardlisted
Install: claude install-skill FaisalNoman/playwright-skills
# E2E Dashboard Installer
## What Gets Installed
Three files wired into Playwright:
| File | Purpose |
|------|---------|
| `{reporters_dir}/progress-server.js` | Node HTTP server (port 7373) — receives events, serves SSE, spawns test runs |
| `{reporters_dir}/realtime-reporter.js` | Playwright custom reporter — POSTs events to server as tests run |
| `{tests_dir}/test-progress-dashboard.html` | Single-page dashboard served at `http://localhost:7373` |
**14 features**: live SSE stream · sidebar file filter · per-file/per-test run buttons · re-run failed · failures-only toggle · test name search · sort (default/failed-first/slowest) · describe-block nesting · flakiness badge (from run history) · ETA during run · screenshot thumbnails · Playwright Trace Viewer integration · copy error button · browser notifications · compact mode · keyboard shortcuts · auto-scroll to first failure · failure grouping by error pattern.
---
## Phase 1 — Discovery
Before writing any files, find these values. Use `Glob` and `Read` to check the actual project.
| Value | How to find | Default |
|-------|-------------|---------|
| `project_root` | Directory containing `playwright.config.ts` or `playwright.config.js` | cwd |
| `e2e_dir` | Directory where `*.spec.ts` / `*.spec.js` files live | `{root}/tests/e2e` |
| `reporters_dir` | Where to place server + reporter | `{root}/tests/reporters` |
| `html_dest` | Where to place dashboard HTML | `{root}/tests/test-progress-dashboard.html` |
| `spec_e