← ClaudeAtlas

e2e-checklisted

Run E2E tests or interactive browser verification. Triggers on: 'run e2e', 'e2e test', 'browser test', 'check in browser', 'verify UI', 'interactive test'.
lethilu4796/claude-code-blueprint · ★ 0 · Testing & QA · score 75
Install: claude install-skill lethilu4796/claude-code-blueprint
Run E2E tests or perform interactive browser-based verification using Playwright. ## Mode Detection Parse `$ARGUMENTS` to determine mode: - **Runner mode** (default): Run the Playwright test suite via CLI - **Interactive mode**: If `--interactive` or `interactive` appears in args, use Playwright MCP tools for manual browser walkthrough --- ## Runner Mode ### 1. Detect project From `$ARGUMENTS` or current working directory: - Match project name from cwd (e.g., `my-app` if cwd contains `my-app`) - Check `CLAUDE.md` in the project root for the configured dev port and test command - No match: ask which project to target ### 2. Pre-flight check Check if the dev server is running on the expected port (read from `CLAUDE.md` or `package.json`): Use: `bash -c "curl -s -o /dev/null -w '%{http_code}' http://localhost:{port}/ 2>/dev/null"` or equivalent. If the server is NOT running: - Report: "Dev server not running on port {port}. Start it with `yarn dev` / `npm run dev`, then re-run /e2e-check." - **Do NOT auto-start the dev server.** Stop here. ### 3. Run tests Run the E2E test command from `CLAUDE.md` or `package.json` (e.g., `yarn test:e2e` or `npm run test:e2e`). If a test filter was provided (e.g., `auth`), resolve it to the spec file path: - `auth` → `tests/e2e/auth.spec.ts` - Full path → use as-is ### 4. Parse output Extract from Playwright output: - Total, passed, failed, skipped counts - Duration - On failure: spec file name, test name, error message ### 5. Re