← ClaudeAtlas

e2e-dashboardlisted

Install real-time Playwright E2E test dashboard into any project. Streams live test progress via SSE with 14 features.
FaisalNoman/playwright-skills · ★ 1 · Testing & QA · score 74
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