Visual Regression Test
视觉回归测试
视觉回归测试会在相同浏览器条件下，比较当前页面和已批准的参考图片。
另一个例子
结算页截图会在固定的浏览器环境中，和批准过的参考图比较。被裁掉的键盘焦点框会显示成可审核的像素差异；不看内容就批准所有新图片，不算回归测试。
主要部分
- 01受控 renderer
- 02已批准 baseline
- 03可审查差异
什么时候用
如果用户看得到的页面变化很难只靠 DOM 数值检查，可以使用这个词。
什么时候不要用
不要用很宽松的像素误差掩盖不稳定页面，也不要让截图代替语义和行为检查。
代码里的名称
current screenshot Δ approved baseline 上线前要检查
检查环境与预先准备的测试数据。定义看得到的预期结果、失败与边界案例。也要定义隔离方式、固定输入、排错信息与清理流程。设置执行时间预算、负责人及不稳定测试的处理规则。
预期结果：用 视觉回归测试 (Visual Regression Test) 收集可重复验证这项行为或质量风险的证据。 用户场景：结算页截图会在固定的浏览器环境中，和批准过的参考图比较。被裁掉的键盘焦点框会显示成可审核的像素差异；不看内容就批准所有新图片，不算回归测试。 验证方式：视觉回归测试 (Visual Regression Test)。 适用理由：如果用户看得到的页面变化很难只靠 DOM 数值检查，可以使用这个词。 不应使用的情况：不要用很宽松的像素误差掩盖不稳定页面，也不要让截图代替语义和行为检查。 测试要求：说明要测的系统与环境。定义预先准备的测试数据（Fixture）、其他输入，以及看得到的预期结果。加入预期失败、边界案例、容差、隔离方式及清理流程。 测试维护：让失败原因容易查找，并控制随机或会变化的输入。指定负责人。测试速度与维护成本要符合发布前检查的需要。 验收标准：已知缺陷存在时测试会失败，修复后通过。测试能在目标环境重复执行，提供可采取行动的证据，且不泄露或改动无关数据。 证据与限制（证据边界）：它只代表该来源的官方说法。其他平台或团队可能有不同用法。 待确认：发布前必过的检查、环境、测试数据、容差、执行时间预算、负责人，以及不稳定测试的处理规则。
检查这份需求
请 AI 编程助手检查当前如何使用 视觉回归测试 (Visual Regression Test)。 定义：视觉回归测试会在相同浏览器条件下，比较当前页面和已批准的参考图片。 生产环境检查：检查环境与预先准备的测试数据。定义看得到的预期结果、失败与边界案例。也要定义隔离方式、固定输入、排错信息与清理流程。设置执行时间预算、负责人及不稳定测试的处理规则。 修改程序前，先列出看到的证据、缺口、严重程度，以及最小且安全的修正。