Delta-QA vs Chromatic：隔离组件还是完整页面？
组件视觉测试：一种自动化验证方法，将 UI 组件隔离渲染——脱离完整页面上下文——并将其外观与已验证的参考状态比较，以在视觉回归传播到生产页面之前在设计系统层面检测到它们。
有一个前端团队小心回避的问题："我们的组件在 Storybook 中经过视觉测试了，但我们的生产页面也测试了吗？"大多数情况下答案是否定的。这个缺口代价高昂，因为到达用户的视觉bug不存在于 Storybook 中——它们存在于真实页面中，带着真实数据、真实交互和真实的组件组合。
Chromatic 是测试隔离组件的出色工具。Delta-QA 专为测试完整页面而设计。它们不是严格意义上的竞争对手——而是从不同高度看同一问题的工具。
Chromatic：设计系统的守护者
Chromatic 由 Storybook 维护者创建，是 Storybook 生态系统的天然视觉测试扩展。概念逻辑上很出色：你已经在 Storybook 中用各种状态（stories）定义了组件。Chromatic 在每次提交时捕获每个 story 的截图，与 baseline 比较并标记变化。
Chromatic 的盲区：真实世界
隔离组件的表现与组装后的页面不同。生产环境中视觉上出问题的很少是隔离组件，而是它们的组合。Header 覆盖导航、网格错位、表单溢出容器。这些bug在 Storybook 中不可见。Delta-QA 测试的是建筑，不是砖块。
无代码 vs Storybook：受众问题
Chromatic 要求你是前端开发人员。QA 经理、产品负责人或设计师不能直接使用 Chromatic。Delta-QA 向整个团队开放视觉测试。
组件 vs 页面：两个互补的测试层级
组件层级（Chromatic）：视觉单元测试。页面层级（Delta-QA）：视觉集成测试。两者都做的团队拥有出色的视觉覆盖。但如果只能选一个——你的用户看不到 Storybook 组件，他们看到的是页面。
定价模式：快照 vs 自由
Chromatic 按月快照收费。免费计划提供5,000个快照——对中等设计系统不够用。Delta-QA 免费且无限制。
Chromatic 做到而 Delta-QA 没做的
协作式UI审查。 测试组件所有状态。 与 Storybook 原生集成。 活的视觉文档。
Delta-QA 带来而 Chromatic 未覆盖的
测试现实。 全民可用。 技术无关性——适用于 React、Vue、Angular、WordPress、Shopify 或 jQuery 遗留系统。数据主权。 零成本。
常见问题
Chromatic 不用 Storybook 能工作吗？
不能。Delta-QA 独立于任何框架工作。
在 Storybook 中测试组件足以保证视觉质量吗？
不够。需要两个层级才能实现完整覆盖。
Chromatic 的免费计划对小项目够用吗？
每月5,000个快照。100个组件、每天2次构建的项目约消耗18,000个/月。Delta-QA 没有限制。
Chromatic 和 Delta-QA 不是对手——它们是同一枚硬币的两面。一个保护你的组件，另一个保护你的页面。如果两个都能有，就都要。如果必须选择，选择保护你的用户实际看到的那个。