用途:视觉回归测试针对页面实际渲染结果进行截图对比,弥补功能测试的盲区。CSS 重构可能通过全部单元与集成测试,却仍出现文本压图、按钮不可见、颜色错误等布局破坏,视觉回归测试可作为安全网捕捉这类变化。
主要能力:在 CI 中运行截图对比,阻止破坏视觉外观的合并;使用组件级(Storybook)测试获得聚焦、快速的视觉覆盖;设置像素差异阈值,避免因亚像素渲染导致的测试不稳定。
用法:检查项目是否已有视觉回归测试,确定哪些关键组件或页面最需要视觉基线;用 Playwright 的截图对比或 Chromatic 等工具为关键组件建立视觉回归测试;在代码审查中检查测试、CI 工作流和执行点,指出该规则未被自动验证或失败未阻止回归的具体缺口。完整实现细节、代码示例与框架特定指南见 references/rule.md。规则页:https://frontendchecklist.io/rules/testing/visual-regression。
限制:资料未提供具体价格、支持平台、安装命令与性能数据,暂未提供。