可视化测试手册

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

33+

贡献者

章节

概述

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

React

CommentList

CommentList 是一个列表组件，您可以在任何聊天工具中找到它。请跟随我们演示如何使用 Storybook 构建离散的 UI 变体。然后，我们将逐步介绍手动和自动可视化测试的过程。

作者

Dominic Nguyen

Storybook 设计

Tom Coleman

Storybook 核心