如何最好地进行跨浏览器跨平台可视化CSS回归测试？

Question

背景：

Visual回归测试是在浏览器中截图一个网页的一个版本，并将其与同一浏览器中相同网页的前一个版本的屏幕截图进行比较。这防止了由于浏览器版本升级或页面本身的更改(例如重构CSS)而发生的无意更改，因为如果有任何差异，我们可以区分这两个屏幕截图并标记新版本供人类开发人员审阅。如果差异(S)是有意的，则开发人员批准更改，并将新的屏幕截图标记为新的规范/参考/基准屏幕快照。通过在不同平台上的不同浏览器中截图相同的页面，我们可以将其扩展到跨浏览器跨平台CSS回归测试。

有了这么长的解释，现在就不理睬了：

什么是进行跨浏览器跨平台CSS回归测试的最佳方法？

我想看看什么是可用的为引导。

Answer 1

截至2014年12月，跨浏览器CSS回归测试的最佳选择似乎是：

• CrossBrowserTesting.com
  • 专有云服务；费用
  • 听起来好像它可以为你做不同的和批准的管理和规范/参考/基线跟踪？我还没试过这个服务。

• WebdriverCSS
  • 一个硒-based工具，提供一个用户界面用于跟踪、检查和批准差异
  • 似乎得到了Sauce实验室的支持

• 幽灵硒
  • 添加Selenium支持的幽灵分叉。最初的Wraith仅限于CasperJS (即火狐/壁虎和WebKit )。
  • 缺点:不确定这个项目是否已经建立到能够长期生存下去。

• 描述-dpxdt
  • 它不直接支持跨浏览器测试，但它提供了一个"Diff“选项来导入从其他工具(例如Selenium)获取的屏幕截图。(默认设置只使用PhantomJS。)
  • 提供用于跟踪、检查和批准差异的web UI。

对于基于Selenium选项的跨OS测试，要么需要设置自己的测试机器集群，要么使用付费云选项，如Sauce实验室、Browser堆栈等。

Sauce实验室和Browser堆栈目前都为开源项目提供免费帐户。