Storybook 与视觉测试:为什么测试隔离组件还不够
Storybook 已成为记录和测试 UI 组件的标准。但对于视觉测试,仅测试隔离组件是不够的。了解如何将 Storybook 与全页视觉测试结合以获得真正的覆盖。
阅读更多 →156 篇文章
视觉测试是质量保证领域的一门学科,旨在自动比较两个版本之间界面的可见渲染,以检测传统功能测试无法察觉的回归。在单元测试验证某个函数返回正确值的同时,视觉测试验证用户所见与所预期的内容是否一致。
本页汇集了 Delta-QA 博客围绕视觉测试方方面面的文章:对比方法(逐像素、感知、结构)、市场上的工具、与 CI/CD 流水线的集成、QA 团队可衡量的 ROI。无论您正在初识这一学科,还是希望将自身实践工业化,您都能在这里找到引导前行的指南、对比与实战反馈。
Delta-QA 是一款无代码视觉测试工具,并提供本地部署(On-Premise)选项——本博客的目的也是坦诚分享每种方案的优势与边界,毫不掩饰其中的取舍。
Storybook 已成为记录和测试 UI 组件的标准。但对于视觉测试,仅测试隔离组件是不够的。了解如何将 Storybook 与全页视觉测试结合以获得真正的覆盖。
阅读更多 →Selenium 自 2004 年以来定义浏览器自动化,但并非为视觉测试而生。三种实现方法(截图、插件、Applitools 集成)对比,以及为何视觉回归需要专用工具。
阅读更多 →CSS 回归源于级联、继承与优先级三大机制:纯视觉、间接、对 linter 和 CI 不可见。了解它们为何通过所有自动化检查,又如何在抵达真实用户眼前之前被可靠地拦截下来。
阅读更多 →QA 经理战略指南:如何在团队中构建商业案例、克服变革阻力,并衡量回归测试自动化的投资回报率(ROI)。
阅读更多 →Chrome、Firefox、Safari 使用三种不同的渲染引擎,处理 HTML 解析、CSSOM、布局、绘制各阶段。了解视觉差异的五大成因,并应用具体方案重新掌控渲染。
阅读更多 →界面 bug 占生产环境上报缺陷的 70%。QA 团队测试功能却测不到外观——自动化回归测试如何补上这个漏洞。
阅读更多 →Playwright vs Puppeteer 回归测试怎么选?Puppeteer 仅支持 Chrome,Playwright 覆盖三大引擎,无代码工具更优。
阅读更多 →Cumulative Layout Shift (CLS)、FOUC 和损坏的 lazy loading 是性能测试忽略的视觉问题。了解为什么自动化视觉测试对于检测性能问题的视觉影响至关重要。
阅读更多 →Nx、Turborepo、Lerna 的 monorepo 中,一处改动可能牵连所有项目。基于依赖图的智能回归测试策略,只测受影响的项目。
阅读更多 →