对于 ui 设计稿的还原度，是 C 端开发人员的一个工作重点，设计稿还原的好坏对一个项目要求至关重要。而且在页面还原度的问题上，我们经常看到开发经常找 UI 设计师沟通，这就大大提高了沟通成本，导致后续的开发时间压缩；集成测试的 UI 还原功能可以减少开发与 UI 设计师的沟通成本，只需设计把 UI 设计稿与开发的页面按要求，导入集成测试中，然后就会生成测试报告，开发只要根据测试结果修改，就可以修改，节约沟通成本，大大提高了开发人员的效率。
- 支持 UI 设计图和网页 url 比较 ✔️
- 支持 UI 设计图和截图比较 ✔️
- 支持运行还原测试时，排除掉某些项目 ✔️
- 支持批量新增 ✔️
- 支持设备类型设置，区分 PC 和 Mobile ✔️
- 支持自定义对比颜色 ✔️
- 支持生成测试报告 ✔️
- 支持自定义配置颜色 ✔️
- 支持自定义截图设置 cookie ✔️
- 支持在线对生成的对比图片做备注 ✔️
- 支持在线批量下载对比图片 ✔️
- 选择设备类型，设置 dpr
- 设置差异对比时的颜色标注等
如果有页面传参需求，可点击参数配置进行设置
切换至 UI 配置，点击新增，可选单个新增和批量新增
- 新增 url 与 ui 图比对，上传 ui 设计图，输入网址
- 新增截图与 ui 图比对，点击右下角
使用图片对比，上传 ui 设计图，上传开发完成的截图
- 将需要对比的图片批量上传
- 自行拖动到对应的区域，其中等待或者废弃区会在保存时丢弃
对比设置完毕，点击开始运行UI还原测试，即可生成对应的测试报告
!> 注意： 首次运行自动化前，请检查本地是否按装chrome 浏览器
测试报告列表，操作栏从左到右分别是 查看报告详情 | 图片备注 | 下载 | 删除
点击查看报告详情，即可看到还原度信息，原型图、网页截图、差异对比图的展示
点击图片备注， 即可对每张图片进行备注，方便开发人员和测试人员直接在图片上沟通
点击下载， 即可将所有图片下载打包
点击删除， 即可删除当前生成的报告