mirror of
https://github.com/Kpa-clawbot/meshcore-analyzer.git
synced 2026-05-24 17:55:20 +00:00
Kpa-clawbot
8e86997ac6
## Summary Adds **Playwright E2E coverage** for the B4 customizer batch under umbrella issue #1297. Files in scope: - `public/customize-v2.js` (1774 LOC, largest under-tested surface) - `public/drag-manager.js` (216 LOC) ## New test suites | Suite | What it covers | |------|---------------| | `test-customize-theme-e2e.js` | Theme tab: preset clicks, color picker → CSS variable assertion (THEME_CSS_MAP invariant — colors via `--accent` not inline styles), `cs-theme-overrides` localStorage write, cross-reload persistence | | `test-customize-branding-e2e.js` | Branding tab: `siteName` live updates `document.title`, `logoUrl` swaps inline SVG → `<img>` via `_setBrandLogoUrl()` helper (PR #1137), persistence | | `test-customize-display-e2e.js` | Display + Nodes tabs: `distanceUnit` scalar, `timestamps.defaultMode` nested override, heatmap opacity slider writes `0.75`, node-role color picker, full persistence | | `test-customize-export-e2e.js` | Export tab: raw JSON textarea reflects current state, Download button wired, `Reset All` clears overrides + reverts inline CSS variables | | `test-drag-manager-e2e.js` | Real Playwright `mouse.down/move/up` drag on `#liveFeed .panel-header`: `data-position` removed, `data-dragged="true"` set, `panel-drag-liveFeed` localStorage has `xPct/yPct`, restored on reload; dead-zone click (≤5px) does NOT persist | Each suite asserts the customizer writes **CSS variables on `document.documentElement.style`** (not inline element styles) — preserves the "all colors via CSS variables" invariant required by AGENTS.md. ## TDD evidence - `ff8e1da1` — **RED**: theme suite contains a sentinel assertion (`window._customizerV2.RED_SENTINEL_DO_NOT_ADD === 'B4_CUSTOMIZER_COVERAGE_GREEN'`) that fails on assertion (not import error), proving the suite executes and gates behavior. - `30576593` — **GREEN**: sentinel removed, all five suites wired into `.github/workflows/deploy.yml` so they participate in CI gating + aggregated PASS/FAIL count. Local run against a freshened fixture (`/tmp/e2e.db`) confirms **36/36 tests pass** across the five suites. ## Preflight overrides `check-branch-clean.sh` flagged "diff spans 6 top-level dirs" — false positive. The diff is exactly: - `.github/workflows/deploy.yml` (CI wiring) - 5 `test-customize-*-e2e.js` / `test-drag-manager-e2e.js` files at repo root The script's heuristic counts each root-level test file as a separate "top-level dir" via `awk -F/ '{print $1}'`. All other gates pass (PII, red commit, CSS-var defined, CSS self-fallback, LIKE-on-JSON, sync migration, img/SVG, themed `<img>` SVG, fixture coverage). Refs #1297 --------- Co-authored-by: openclaw-bot <bot@openclaw>