@luhanxin/visual

PNG 截图和视觉回归比较工具。

安装

pnpm add @luhanxin/visual

使用

import {captureAndCompareScreenshot} from '@luhanxin/visual';

const result = await captureAndCompareScreenshot(
  page,
  'visual-baseline/home.png',
  'test-results/visual/home-actual.png',
  'test-results/visual/home-diff.png',
  {maxDiffRatio: 0.01}
);

if (!result.passed) {
  throw new Error(`Visual diff: ${result.diffRatio}`);
}

也可以单独调用 compareScreenshots 比较两个 PNG 文件。

API

• compareScreenshots(baselinePath, actualPath, diffPath?, options?)
• captureAndCompareScreenshot(page, baselinePath, actualPath, diffPath?, options?)

构建

pnpm build
pnpm typecheck