Excel スクショの脱却で GUI テストを効率化

TestComplete では、Region Checkpoint の機能を用いることで、以下のようにテスト内でスクリーンショットを取得し、期待値の画像と比較を行うことが可能です。
※ 左が期待値、右が結果値で、赤い部分が差分を表しています。

ただし、この機能は表示されている領域のみを比較するため、Web ページ全体の画像を取得して比較を行いたい場合は、PagePicture メソッドを用いてシナリオを作成する必要があります。※ この機能はスクリプトからのみ利用できますが、キーワードテスト内でスクリプトを呼び出して利用できます。

■ コード例
JavaScript ———————————————-

function Test()
{
Browsers.Item(btIexplorer).Run(” 対象のサイトの URL “);
var page = Sys.Browser(“iexplore“).Page(“*”);
var pict1 = page.PagePicture();

var pict2 = Utils.Picture;
pict2.LoadFromFile(” 期待値の画像ファイルのパス “);

if (! pict1.Compare(pict2))
{
Log.Picture(pict1);
Log.Picture(pict2);
var pictd = pict1.Difference(pict2);
Log.Picture(pictd);
Log.Error(“画像が一致しません。”);
}

}

VB Script ———————————————–

Sub Test

Browsers.Item(btIexplorer).Run(” 対象のサイトの URL “)
Set page = Sys.Browser(“iexplore“).Page(“*”)
Set pict1 = page.PagePicture

Set pict2 = Utils.Picture
pict2.LoadFromFile(” 期待値の画像ファイルのパス “)

If Not pict1.Compare(pict2) Then
Log.Picture(pict1)
Log.Picture(pict2)
Set pictd = pict1.Difference(pict2)
Log.Picture(pictd)
Log.Error(“画像が一致しません。”)
End If

End Sub

※ サンプルコードでは、Internet Explorer を使用していますが、Google Chrome、Mozilla Firefox、Microsoft Edge でも利用できます。

期待値となる比較元の画像は予め用意してください。

実行結果は以下のようになります。