浏览器支持

ui可能在一种浏览器中看起来很完美,但在另一种浏览器中可能会出现问题. chromical帮助您扩展您的测试覆盖Chrome, 火狐,和IE11在一个点击.

启用新的浏览器

转到“管理”屏幕,单击启用另一个浏览器. Chrome浏览器默认启用.

在彩色模式下启用firefox

在下一次测试运行中,chromium将为新启用的浏览器创建基线. 以前在Chrome中被接受的故事将在新浏览器中被自动接受为基线. 在启用新浏览器之前,您需要确保构建通过.

新浏览器的快照将在Build页面上被标记为“new”,现在您可以在审查期间查看它.

新的火狐快照在彩色

您的团队还可以在组件屏幕上看到一个故事如何在给定的浏览器中跨不同的构建和分支呈现.

恭喜你启用了一个新的浏览器! 从现在起,十博体育备用网址的捕获云将旋转许多Chrome浏览器, 火狐, 或者IE11机器,因为您需要在最短的时间内测试您的故事书.

验证不同浏览器之间的UI更改

当彩色测试在任何启用的浏览器中检测到新闻的视觉变化时,您都会收到通知. 例如,如果你有一个 TooltipMessage:默认 这个故事已经在Chrome和火狐中测试过了, 当Chrome或火狐发生变化时,你会收到通知.

火狐快照更改通知

您可以在审查工作流中看到浏览器快照的更改.

火狐快照的变化

一旦您接受了对故事的更改,它的基线就会更新. 每个故事都有一个Chrome的基线,它也可以有火狐和IE11的基线.

如果您使用视口参数测试响应性, 基线与每个视口相关联, 这些可以有一个Chrome浏览器, 火狐, 或者IE11基线.

浏览器升级

半色的基础设施定期更新以使用最新的 稳定的 浏览器版本(可以低于最新版本). 当基础设施升级可用时,你会在应用程序中收到通知.

由于底层渲染引擎的变化,升级可能会导致故事外观的细微变化. 十博体育备用网址试图通过自动迁移您的测试基线使升级尽可能简单. 了解更多关于 基础设施升级 和视图 浏览器版本.


常见问题

彩色告诉我什么时候快照是不同的浏览器?

这有很大的权衡. 试图验证浏览器间一致性的团队最终会遇到误报,这是由于浏览器/设备/操作系统固有的差异,比如抗锯齿和字体渲染. 或者他们需要一些变通方法,比如放松差异阈值,这会导致错误的阴性结果.

彩色不编程比较快照从不同的浏览器对彼此. 相反,十博体育备用网址将每个浏览器的快照与该浏览器的基线进行比较.

友情链接: 1 2 3 4 5 6 7 8 9 10