Chromatic

Chromatic 是一款视觉测试与评审工具，可跨浏览器扫描所有可能的 UI 状态，以发现视觉和功能缺陷。指派评审人员并解决讨论，从而简化团队审批流程。

UI 测试自动捕获缺陷
在不同浏览器、主题和视口上同时运行视觉和交互测试，实现广泛覆盖——无需额外工作。

在真实浏览器中测试：Chromatic 对真实代码、样式和资源进行像素级快照，测试结果真实反映用户实际体验。
低维护、高覆盖率：Chromatic 从开发过程中已创建的 Storybook 故事自动生成测试，无需重复编写测试。
无测试抖动：我们自研的检测算法消除了由延迟、动画、资源加载和浏览器状态引起的不稳定性。

扫描所有可能的 UI 状态，精准定位回归问题
在四种浏览器上运行两类测试，实现持续覆盖。测试默认并行执行，以最快速度交付结果。

UI 评审加速团队审批
Chromatic 提供统一的工作空间，供设计师、产品经理及其他利益相关方共享反馈并批准 UI。这就像代码审查，但适用于所有人。

及时掌握反馈：通过邮件和拉取请求检查接收变更与讨论通知。
所有决策集中管理：在实时组件旁直接发布评论和修改请求，确保各方都能追踪决策过程。
与 Git 和 CI 集成：UI 评审状态同步至版本控制与 CI，保持团队信息同步。
指派评审人：在在线共享工作区中向设计、产品和工程人员发起评审请求。
设置默认评审人：自动为开放的拉取请求分配特定利益相关人，加快审批速度。
对接现有工作流：通过 Slack、Figma 和自定义 Webhook 保持全员协同。

发布单一事实来源
创建可搜索的 UI 组件、故事、测试、API 文档和设计文件工作区。邀请团队成员加入共享工作区，随时参考任意 UI 元素。

全面归档组件：无需接触仓库即可在一个地方探索公司内所有 UI 组件。
始终保持最新：每次推送代码，你的库会自动更新。
可搜索的组件库：查找 UI 组件在项目中的使用方式与位置。
组件 API、文档与示例：Storybook 中的文档、API 和使用示例与 Chromatic 同步，并与组件一同展示。
邀请同事加入：通过邮件或自定义链接邀请开发者、设计师及利益相关者，分配角色以控制访问权限。
追溯至具体提交：跨分支与提交对比组件，审查历史版本。