VizDiff是什么?

VizDiff是一个自动化截图测试工具,通过捕捉Storybook组件截图,突出像素差异,并在合并之前添加GitHub检查,实现视觉回归自动化。

产品特色

连接GitHub仓库并上传第一个Storybook构建。

自动化截取截图,每次提交通过GitHub Action自动执行。

通过直观的用户界面对比变化并批准或拒绝。

无缝集成现有的Storybook设置,测试组件。

在Pull Requests中直接审查和批准视觉变化。

清晰突出视觉差异,便于快速识别。

分享基线,并方便团队审查结果。

确保变更中的UI一致性,减少努力。

应用场景

软件开发团队在每次提交代码前使用VizDiff自动捕获截图,避免视觉回归问题。

设计团队通过VizDiff快速对比UI设计变化,确保一致性。

跨部门团队利用VizDiff在GitHub中直观审查和批准UI变更。

适用人群

VizDiff适合需要在代码合并前进行视觉回归测试的团队,帮助他们自动捕获并比较UI截图,防止视觉问题进入生产环境。

使用指南

在VizDiff官网上点击“Get started”按钮。

连接GitHub仓库并上传第一个Storybook构建。

配置GitHub Action自动化截图设置。

在Pull Requests中查看并审批视觉差异。

在VizDiff中分享基线并与团队共享结果。

享受视觉回归自动化的便利。