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分叉的,並添加了以下功能:
硒集成,既可以在台式機上或硒網格上進行本地運行
瀏覽器到瀏覽器屏幕快照比較
基於頁面組件的比較