视觉回归 — 所有文章和教程

视觉回归指的是在两个界面版本之间被无意引入的任何渲染偏差：丢失的 padding、漂移的颜色、框架升级后在移动端折叠的组件。这些回归几乎总能逃脱单元测试与功能测试，因为 DOM 可以保持完全一致而可见的渲染却已劣化。检测此类偏差需要稳定的基准截图、确定性的捕获，以及一个能够将真实缺陷与无害外观差异（抗锯齿、动画、动态数据）区分开来的 diff 算法。

本页汇集了关于「基准截图—捕获—对比—验证」循环的文章：如何构建可靠的基准截图、如何处理与字体或移动端像素相关的假阳性、如何在 QA 团队中集成手动 diff 验证的工作流。您还将看到针对经典陷阱（大规模 CSS 重构、Angular 或 React 迁移、图像 CDN 切换）的反馈，这些情形会把一次平淡的部署变成视觉缺陷的猎场。Delta-QA 以桌面与本地化方案投身这一领域，但议题远超工具本身：视觉回归首先是一种在项目中不断打磨的方法论，本页文章致力于分享在实战中真正行之有效的做法，独立于具体技术栈。