catlog22/Claude-Code-Workflow
1
0
Fork 0
mirror of https://github.com/catlog22/Claude-Code-Workflow.git synced 2026-02-10 02:24:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(ui-tools): add visual regression tests for preview generation

Browse Source 
Solution-ID: SOL-1735410002

Issue-ID: ISS-1766921318981-22

Task-ID: T2
This commit is contained in:
catlog22
2025-12-29 16:15:12 +08:00
parent 70063f4045
commit e2dbeca080
14 changed files with 406 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
ccw/tests/visual/helpers/visual-tester.ts
View File

@@ -53,10 +53,15 @@ function getSnapshotPaths(name: string): { baseline: string; current: string; di
}
type CaptureOptions = {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
browser?: any;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
page?: any;
viewport?: { width: number; height: number };
fullPage?: boolean;
timeoutMs?: number;
waitForMs?: number;
skipGoto?: boolean;
};
export async function captureSnapshot(
@@ -66,11 +71,32 @@ export async function captureSnapshot(
options?: CaptureOptions
): Promise<string> {
const { current } = getSnapshotPaths(name);
const browser = await chromium.launch();
const timeoutMs = options?.timeoutMs ?? 30_000;
const fullPage = options?.fullPage ?? true;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
let browser: any = options?.browser;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
let page: any = options?.page;
let ownsBrowser = false;
let ownsPage = false;
if (!page) {
if (!browser) {
browser = await chromium.launch();
ownsBrowser = true;
}
page = await browser.newPage({ viewport: options?.viewport });
ownsPage = true;
} else if (options?.viewport) {
await page.setViewportSize(options.viewport);
}
try {
const page = await browser.newPage({ viewport: options?.viewport });
await page.goto(url, { waitUntil: 'load', timeout: options?.timeoutMs ?? 30_000 });
if (!options?.skipGoto) {
await page.goto(url, { waitUntil: 'load', timeout: timeoutMs });
}
if (options?.waitForMs) {
await page.waitForTimeout(options.waitForMs);
@@ -78,12 +104,17 @@ export async function captureSnapshot(
const screenshot = selector
? await page.locator(selector).screenshot()
: await page.screenshot({ fullPage: options?.fullPage ?? true });
: await page.screenshot({ fullPage });
writeFileSync(current, screenshot);
return current;
} finally {
await browser.close();
if (ownsPage) {
await page.close();
}
if (ownsBrowser) {
await browser.close();
}
}
}