视觉测试手册

视觉测试是一种实用而精确的方法，用于验证 UI 组件的外观。Slack、Lonely Planet 和 Walmart 等公司都在实践它。本手册概述了 Storybook 中的视觉测试。

33+

贡献者

章节

概览

什么是视觉测试？视觉测试通过在一致的浏览器环境中捕获渲染后 UI 的图像来验证其外观。将该图像与之前的图像（基线）进行比较，以检测视觉变化。UI 比以往任何时候都更加复杂、多状态且个性化。视觉测试可帮助您确保每次发布时应用都看起来正确。

React

CommentList

CommentList 是你可能在任何聊天工具中找到的列表组件。跟着我们学习如何使用 Storybook 构建不同的 UI 变体。然后，我们将逐步介绍手动和自动视觉测试的过程。

作者

Dominic Nguyen

Storybook 设计

Tom Coleman

Storybook 核心