Wraithは、BBC Newsの開発者によって作成されたスクリーンショット比較ツールです。
ドキュメント•ソース•レスポンシブニュースWebサイト
Wraithは、ヘッドレスブラウザを使用して、さまざまな環境で(またはさまざまな瞬間に)Webページのスクリーンショットを作成し、2つの画像の違いを作成します。患部は青で強調表示されます。
Wraithとそのすべての機能のインストール、セットアップ、使用方法の指示については、Wraithの文書をご覧ください。
レイスの仕組みの概要を以下に示します。
レイスを使用できる方法はいくつかあります。
2つのドメインの比較( wraith capture
)。このモードには、いくつかの専門的なオプションもあります。
変更のために2つのドメインをクモにします(Configurationファイルにpaths
プロパティが提供されていない場合のwraith capture
)
一度にいくつかの比較を実行する( wraith multi_capture
)
同じドメインを長期にわたって比較する( wraith history
、 wraith latest
)
どちらのモードでレイスを実行することにしたとしても、それが続くプロセスは一般的に同じです:
あなたのウェブページのスクリーンショットを取ります
それら全体で比較タスクを実行します
2つの画像を比較したdiff pngファイルと、変更されたピクセルの割合を含むdata.txtファイルを出力します
これらすべてをgallery.htmlにパッケージ化して、あなたが見る準備ができている
スクリーンショットの差分が構成ファイルで指定したしきい値を上回っている場合、タスクはシステムエラーコード(CIに役立つ)で終了します
失敗したスクリーンショットもギャラリーで強調表示されます
ImageMagickは、スクリーンショットとトリミング画像を比較するために必要です。
レイスはまた、これらのヘッドレスブラウザの少なくとも1つを必要とします。
ファントムジ
Casperjs(特定のセレクターをターゲットにするために使用できます)
Slimerjs
Chrome(現在、ChromeにSelenium WebDriver + Chromedriverを使用しています。特定のセレクターをターゲットにできます)
レイスへの貢献方法をお読みください。
Wraithは、Apache 2.0オープンソースライセンスの条件に基づいて、誰でも利用できます。 Wraithのライセンスファイルをご覧ください。
デイブ・ブルマン
ジョン・クリーブリー
サイモン・トゥルボーン
クリス・アシュトン
セレンの能力をレイスと統合することに興味がある人は誰でも、16/04/14にBBCのレイスからフォークされ、次の能力を追加したセレン・ウレイス(マシュー・ホールが維持)をチェックしてください。
セレン統合、両方ともデスクトップまたはセレングリッドでローカルに実行されます
ブラウザからブラウザのスクリーンショット比較
ページコンポーネントベースの比較