<分区>
我正在寻找用于 CSS 重构的可视化回归测试工具,看看网站中是否存在任何意外的级联行为。
理想情况下,该工具可以抓取网站(甚至在本地)并抓取每个页面的快照并将其存储在单个存储库中。
第二次运行时,它会显示与上次运行后视觉上不同的页面。
更好的是:
- 如果它可以显示页面 2 版本的重叠 XOR View 。
- 比较不同浏览器的渲染结果(几乎类似于自动化的 Microsoft Expression Web 比较功能)。
<分区>
我正在寻找用于 CSS 重构的可视化回归测试工具,看看网站中是否存在任何意外的级联行为。
理想情况下,该工具可以抓取网站(甚至在本地)并抓取每个页面的快照并将其存储在单个存储库中。
第二次运行时,它会显示与上次运行后视觉上不同的页面。
更好的是:
最佳答案
我目前最喜欢的是 WebDriverCSS结合BrowserStack Automate应用程序接口(interface)。这对工具允许跨 BrowserStack 支持的非常广泛的设备进行多平台、多浏览器回归测试。它需要编写代码,但比绑定(bind)到 Phantom 或 Slimer 的任何解决方案都更全面。
如果您认为旧的 WebKit 是您唯一的测试 UA,这里有一篇很棒的文章 CSS regression testing使用 PhantomCSS .他们的基本示例准确地提供了原始问题所需的内容:两次提交之间的视觉差异。
对于不需要编码(仅 YAML 配置)的更简单的工具,我更常将人们指向 Wraith 而不是 PhantomCSS。如果您喜欢 Wraith 并且不想编写 Casper 代码,请给@ericcraio 的答案投票。
关于CSS回归工具?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2462302/