feat: implement visual regression testing v2.0 — Playwright pipeline with bbox extraction
- 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:
@@ -1,33 +1,31 @@
|
||||
{
|
||||
"name": "apaw-web-testing",
|
||||
"version": "1.0.0",
|
||||
"version": "2.0.0",
|
||||
"description": "Web application testing suite for APAW - Visual regression, link checking, form testing, console error detection",
|
||||
"main": "tests/run-all-tests.js",
|
||||
"main": "scripts/visual-test-pipeline.js",
|
||||
"scripts": {
|
||||
"test": "node tests/run-all-tests.js",
|
||||
"test:visual": "node tests/scripts/compare-screenshots.js",
|
||||
"test:links": "node tests/scripts/link-checker.js",
|
||||
"test:console": "node tests/scripts/console-error-monitor.js",
|
||||
"docker:up": "docker compose -f docker-compose.web-testing.yml up -d",
|
||||
"docker:down": "docker compose -f docker-compose.web-testing.yml down",
|
||||
"docker:logs": "docker compose -f docker-compose.web-testing.yml logs -f",
|
||||
"report": "open tests/reports/web-test-report.html || xdg-open tests/reports/web-test-report.html"
|
||||
"test": "node scripts/visual-test-pipeline.js",
|
||||
"test:visual": "node scripts/visual-test-pipeline.js",
|
||||
"test:baseline": "node scripts/capture-screenshots.js baseline",
|
||||
"test:current": "node scripts/capture-screenshots.js current",
|
||||
"test:compare": "node scripts/compare-screenshots.js",
|
||||
"test:console": "node scripts/console-error-monitor-standalone.js",
|
||||
"test:links": "node scripts/link-checker.js"
|
||||
},
|
||||
"keywords": [
|
||||
"web-testing",
|
||||
"visual-regression",
|
||||
"e2e",
|
||||
"playwright",
|
||||
"mcp",
|
||||
"kilo-code"
|
||||
],
|
||||
"author": "APAW Team",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"pixelmatch": "^5.3.0",
|
||||
"playwright": "^1.52.0",
|
||||
"pngjs": "^7.0.0"
|
||||
},
|
||||
"devDependencies": {},
|
||||
"engines": {
|
||||
"node": ">=18.0.0"
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user