博客

截图测试（screenshot testing）是视觉测试最直接的方式：捕获页面或组件的渲染状态，与参考截图对比，标记任何差异。这一方法有时被称为 UI snapshot 测试，其概念上的简单性与跨维度的覆盖力颇具吸引力——单张截图即可一并验证布局、颜色、字体、图像与组件状态。代价则是对渲染确定性提出真正严格的要求：截图前字体须加载完毕、数据须固定、动画须禁用、视口须保持稳定。

本页汇集的文章详细介绍了相关最佳实践：在整页截图与组件截图之间的取舍、动态区域（日期、计数器、轮播）的处理、基准截图的命名与版本化策略、与 DOM snapshot 或自动化无障碍测试等其他方式的对比。我们也坦诚讨论了该方法的边界，特别是跨操作系统渲染所产生的噪声，以及在持续迭代的设计系统上维护基准截图的成本。Delta-QA 正是基于这种截图机制运作，并聚焦于完整网页而非孤立组件；本页旨在帮助每位用户为自身上下文选择合适的工具与粒度。