截图断言
截图断言
await expect(page).toHaveScreenshot('home.png', {
maxDiffPixels: 100,
});字体渲染、动画与滚动位置都会影响结果；先对关键页面与稳定区域启用，把误报压住再扩大范围。
视觉回归测试
视觉回归通过截图对比发现样式级变化：首次运行生成基线，之后逐像素或按结构比对；Playwright 提供 toHaveScreenshot，工具生态中也有专门的视觉测试服务。
易错点
- 动态区域（时间、广告位、头像）未遮盖，误报不断
- 对高频改版页面全量截图，基线长期处于待重建状态
数据来源与参考
- Playwright 官方文档：Visual comparisons（playwright.dev）