bytelyst/learning_ai_clock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test(visual): add Playwright visual regression screenshot tests

Browse Source
This commit is contained in:
saravanakumardb1 2026-03-28 00:55:40 -07:00
parent 1191d9e00d
commit ffe2d28921
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/e2e/visual-regression.spec.ts Normal file
View File

@ -0,0 +1,25 @@
import { test, expect } from "@playwright/test";
/**
* Visual regression tests — capture screenshots of key pages.
* Run with: npx playwright test visual-regression --update-snapshots (to create baselines)
* Subsequent runs compare against baselines and fail on pixel diff.
*/
const ROUTES: { path: string; name: string }[] = [{path:"/",name:"dashboard"},{path:"/focus",name:"focus"},{path:"/settings",name:"settings"}];
test.describe("Visual Regression", () => {
for (const route of ROUTES) {
test(\`\${route.name} matches snapshot\`, async ({ page }) => {
await page.goto(route.path);
await page.waitForLoadState("networkidle");
// Allow animations to settle
await page.waitForTimeout(500);
await expect(page).toHaveScreenshot(\`\${route.name}.png\`, {
fullPage: true,
maxDiffPixelRatio: 0.01,
});
});
}
});