Commit Graph

5 Commits

Author SHA1 Message Date
grokbot_ty 2586fdb135 test(gate-b): update Playwright assertions for cutout-on-checkerboard (#55)
- live-mask.spec.ts: replace green-overlay avgAlpha assertions with
  checkerboard + slab pixel detection; add green-overlay color rejection
  check; fix hasColorVariance false-positive with monochrome test image
- mask-ux.spec.ts: rename test to match new rendering (no green overlay)
- playwright.config.ts: set baseURL when webServer is used so page.goto('/')
  resolves correctly in local dev

Fixes: issue #55 mask preview
2026-09-08 00:35:08 +00:00
grokbot_ty 83171fab6e fix(gate-b): drawMaskOverlay — cutout on checkerboard, no green overlay (#55)
Replace green overlay rendering with cutout-on-checkerboard preview:
- Slab pixels show actual photo RGB with mask-based alpha
- Removed background area shows 10px checkerboard (224/192 gray)
- Knob debounce from a1d4a96 preserved unchanged

Update Playwright test to assert checkerboard + slab pixels
visible, not green overlay avgAlpha.
2026-09-08 00:30:24 +00:00
grokbot_ty 247b6b9a06 results(gate-b): LIVE mask fundamentals verification — all 3 checks pass on 100.64.0.9
- overlay translucent: avgAlpha 16.0, maxAlpha 80, green fraction 20%
- knobs respond fast: sensitivity 42-71ms, edge offset 18-24ms
- auto sheet: slab fraction 0.200, not entire frame marked as slab

Playwright tests run against deployed host with ignoreHTTPSErrors.
Evidence: test-results/gate-b-2026-09-07-live-verify/
Test suite: frontend/test/bvt/live-mask.spec.ts
2026-09-07 21:56:44 +00:00
grokbot_ty 866de43541 gate-b: add mask UX Playwright tests — overlay visual + knob timing
- mask-ux.spec.ts: 4 tests — translucent overlay visual, sensitivity knob
  (38ms), edge offset knob (38ms), sheet switch (21ms)
- playwright.config.ts: allow PLAYWRIGHT_BASE_URL env override for remote testing

Evidence: mask-overlay-translucent.png shows translucent green overlay
with photo visible underneath.

Fixes: issue #55 — mask overlay usability evidence
2026-09-07 21:32:31 +00:00
grokbot_ty 17b6e6ccd6 fix(gate-b): Svelte 5 event directives + label/input association for Select Photos
- Add id='photo-file-input' to file input and for='photo-file-input' to label
- Convert on:change → onchange, on:click → onclick, on:input → oninput
  (Svelte 5 requires native DOM event properties, not on: directives)
- Add Playwright BVT suite confirming file selection → mask step advance
- Test image: 100x60 PNG with green border (hue=66°) and white interior
2026-09-07 19:38:46 +00:00