Chromatic

Chromatic 是一种视觉测试和审查工具，可扫描浏览器中每个可能的 UI 状态，以捕获视觉和功能错误。分配审阅者并解决讨论以简化团队签核。 UI 测试自动捕获错误 同时跨不同浏览器、主题和视口运行视觉和交互测试。广泛的测试覆盖范围——无需额外工作。 在真实浏览器中进行测试：Chromatic 拍摄真实代码、样式和资源的像素完美快照。您的测试反映了用户的实际体验。 低维护 - 高覆盖率：Chromatic 根据开发过程中已创建的 Storybook 故事创建测试。无需两次编写相同的测试。 无测试不稳定：我们的自定义检测算法消除了延迟、动画、资源加载和浏览器状态带来的不稳定。 扫描所有可能的 UI 状态以查明回归 跨四个浏览器运行两种类型的测试以实现连续覆盖。默认情况下，您的测试并行运行，以便在尽可能短的时间内提供结果。 UI 审核可加快团队签核速度Chromatic 为设计师、产品经理和其他利益相关者提供统一的工作空间，以共享反馈和签署 UI。这就像代码审查，但适合每个人。 掌握反馈：通过电子邮件和拉取请求检查获取更改和讨论的通知。 每个决定都集中在一个地方：在实时组件旁边发布评论和更改请求，以便每个人都可以遵循决策。 与 Git 和 CI 集成：UI 审核状态与版本控制和 CI 同步，让团队随时了解情况。 分配审阅者：在在线共享工作区中请求设计、产品和工程人员进行审阅。 设置默认审核者：自动分配特定利益相关者来审核开放的拉取请求以加快签署速度。 连接到您的工作流程：通过 Slack、Figma 和自定义 Webhooks 让每个人都了解情况。 发布单一事实来源 为 UI 组件、故事、测试、API 文档和设计文件创建可搜索的工作区。邀请您的团队进入共享工作区，他们可以在其中跨时间引用任何 UI 部分。 对所有组件进行编目：在一个地方探索整个公司的 UI 组件，而无需接触存储库。 保持最新：每次您推送代码时，您的库都会自动更新。 可搜索组件库：了解 UI 组件在项目中的使用方式和位置。 组件 API、文档和示例：Storybook 中的文档、API 和示例用例与Chromatic 同步，并与组件一起显示。 邀请您的队友：通过电子邮件或自定义链接邀请开发人员、设计师和利益相关者。分配访问控制角色。 历史记录到提交：比较跨分支和提交的组件以查看过去的版本。

Chromatic是一个可视化测试与评审工具，它扫描跨浏览器的所有可能UI状态，以自动捕获视觉和功能性错误，并提供统一工作区来简化团队的UI签核流程。