CSS回归工具？ [关闭]答案

【问题标题】：CSS regression tool? [closed]CSS回归工具？ [关闭]
【发布时间】：2010-03-17 12:57:15
【问题描述】：

我正在寻找一种用于 CSS 重构的可视化回归测试工具，并查看网站中是否存在任何意外的级联行为。

理想情况下，该工具可以抓取网站（甚至是本地）并抓取每个页面的快照并将其存储在单个存储库中。

当第二次运行时，它将显示自上次运行以来在视觉上有所不同的页面。

更好：

【问题讨论】：

【解决方案1】：

我目前最喜欢的是WebDriverCSS 与BrowserStack Automate API 的组合。这对工具允许在 BrowserStack 支持的各种设备上进行多平台、多浏览器的回归测试。它需要编写代码，但比绑定到 Phantom 或 Slimer 的任何解决方案要全面得多。

如果您对旧的 WebKit 作为您唯一的测试 UA 感到满意，这里有一篇关于 CSS regression testing 的精彩文章，使用 PhantomCSS。他们的基本示例准确地提供了原始问题所需的内容：两次提交之间的视觉差异。

对于不需要编码的更简单的工具（仅 YAML 配置），我将人们指向 Wraith 的频率高于 PhantomCSS。如果你喜欢 Wraith 并且不想编写 Casper 代码，请给 @ericcraio 的答案投票。

【讨论】：

【解决方案2】：

我知道这个问题已经发布了一段时间，但我想提一下 bbc-news 的一个名为 wraith 的新 CSS 回归工具。

它利用了 phantomJS 和 imagemagick 等工具。

【讨论】：

【解决方案3】：

查看Browser Shots。这是一项免费服务。

对于您作为免费用户每天可以运行的测试数量有一些限制。但不像Litmus;您可以在所有支持的浏览器上运行测试——Litmus 只允许免费用户在 Internet Explorer 7 和 Mozilla Firefox 2 上测试他们的网站。

【讨论】：

目前，Browser Shots 似乎遇到了一些技术难题。我自己使用该服务大约一年了，这是我第一次遇到任何问题。
现在好像又起来了。我遇到的问题是： 1. 我要检查的网站必须在线 2. 它没有内置爬虫。我可以处理的第二点，而第一点是破坏交易的。不过感谢您的回复。仍然很高兴知道，但不适用于我的情况。
不用担心。总是很乐意提供帮助:)

【解决方案4】：

我正在开发一个名为 SUCCSS 的 CSS 回归测试工具，它是一个全球性的 npm 开源：https://github.com/B2F/Succss。 Atm，您可以在此处阅读其完整文档：http://succss.ifzenelse.net

【讨论】：

【解决方案5】：

查看Litmus。

它会抓取您的网站并在您想要的所有浏览器附近进行屏幕截图。

除了Litmus 的核心功能外，还允许您跟踪错误、登录私人网站，并允许您发布测试中的兼容性报告。

【讨论】：

【解决方案6】：

您所描述的正是Mogotest 所做的。我们可以登录您的站点，对您配置的所有页面进行截图，并使用Web Consistency Testing的原理进行自动比较。

我们还保留完整的历史记录，因此我们可以准确地告诉您什么时候出现问题（以及您的网站当时的样子），甚至更酷的是，我们可以检测到您什么时候修复了问题。最后，我们会在每次测试运行时对您的代码进行快照，以便我们可以准确地向您展示每个问题的变化。

很抱歉这个答案的自我推销性质。我只是想彻底解决您正在寻找的内容。

【讨论】：

不幸的是，Mogotest 自从gone out of business.
不幸的是，我最终关闭了 Mogotest。我在bitbucket.org/mogotest 上提供了很多代码，并且 Web 一致性测试站点仍然可用（信息仍然非常相关）。