视觉测试手册

视觉测试是一种务实且精确的方式来验证 UI 组件的外观。它被 Slack、Lonely Planet 和 Walmart 等公司采用。本手册概述了 Storybook 中的视觉测试。

33+

贡献者

章节

概述

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

React

CommentList

CommentList 是您可能在任何聊天工具中找到的列表组件。在演示如何使用 Storybook 构建离散 UI 变体时，请继续关注。然后，我们将逐步介绍手动和自动执行视觉测试的过程。

作者

Dominic Nguyen

Storybook 设计

Tom Coleman

Storybook 核心