Wraith是BBC News开发人员创建的屏幕截图比较工具。
文档•来源•响应式新闻网站
Wraith使用无头浏览器在不同的环境(或不同时刻)上创建网页的屏幕截图,然后创建两个图像的差异;受影响的区域以蓝色突出显示。
有关如何安装,设置和使用幽灵及其所有功能的说明,请访问幽灵文档。
下面提供了有关幽灵工作方式的简要概述。
有几种可以使用幽灵的方法:
比较2个域( wraith capture
)。此模式也有一些专家选项:
蜘蛛为2个域进行更改(在配置文件中未提供paths
属性时wraith capture
)
一次进行几次比较( wraith multi_capture
)
随着时间的推移比较相同的域( wraith history
,然后是wraith latest
)
无论您决定运行幽灵的哪种模式,其遵循的过程通常相同:
获取网页的屏幕截图
在其中运行比较任务
输出一个比较两个图像的diff png文件,以及包含更改的像素百分比的data.txt文件
将所有这些包装到gallery.html中,准备查看
如果任何屏幕截图的差异都高于您在配置文件中指定的阈值,则该任务使用系统错误代码退出(对CI有用)
失败的屏幕截图也将在画廊中突出显示
需要ImageMagick比较屏幕截图和作物图像。
幽灵还需要这些无头浏览器中的至少一个:
phantomjs
Casperjs(可用于针对特定选择器)
Slimerjs
Chrome(目前使用Selenium Webdriver + Chromedriver作为Chrome;可以针对特定的选择器)
请阅读如何为幽灵做出贡献。
根据Apache 2.0开源许可证的条款,每个人都可以使用Wraith。看看Wraith的许可证文件。
戴夫·布卢曼(Dave Blooman)
约翰·克莱维利
西蒙·托尔恩(Simon Thulbourn)
克里斯·阿什顿
任何有兴趣将硒能力与Wraith整合在一起的人,都应查看Selenium-Wraith(由Mathew Hall维护),该硒是从BBC的Wraith于14/14/14分叉的,并添加了以下功能:
硒集成,既可以在台式机上或硒网格上进行本地运行
浏览器到浏览器屏幕快照比较
基于页面组件的比较