feat: implement visual regression testing v2.0 — Playwright pipeline with bbox extraction

Browse Source

- Add visual-test-pipeline.js: captures screenshots, extracts UI elements with bounding boxes, compares via pixelmatch, reports console/network errors
- Add capture-screenshots.js: baseline/current screenshot capture at mobile/tablet/desktop viewports
- Add console-error-monitor-standalone.js: standalone console/network error detection without MCP dependency
- Rewrite docker-compose.web-testing.yml: real Playwright image, working services, proper volume mounts
- Update package.json: v2.0.0, add playwright dependency, clean scripts
- Update README.md: accurate Docker-first docs with usage examples
- Add .gitignore: exclude node_modules, current/diff screenshots, reports
- Include baseline screenshots for bbox.wtf homepage

...

This commit is contained in:

NW

2026-04-16 22:32:41 +01:00

parent e19fa3effd

commit c6b15e0bcd

10 changed files with 789 additions and 331 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

tests/visual/baseline/homepage_desktop.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 1.1 MiB

BIN

tests/visual/baseline/homepage_mobile.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 773 KiB

BIN

tests/visual/baseline/homepage_tablet.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 962 KiB