(57)【要約】      （修正有）【課題】Ｗｅｂページを利用したアプリケーションにおいて、Ｗｅｂブラウザでの画面表示を一括して、効率的にテストし、差異のある画面特性も指摘しうるようにする。【解決手段】表示画面テストシステム１００は、画面キャプチャ部１１０で、被テスト画面１０ｔと基準画面１０ｂをキャプチャして被テスト画像２０ｔと基準画像２０ｂに変換する。比較判定部１２０は、被テスト画像と基準画像をバイナリデータとして比較するバイナリ比較部１２１と、画像データのピクセルの差分を算出し、不一致であったピクセルのある部分領域を特定するピクセル比較部１２２と、画像データのピクセルのＲＧＢ値の違うピクセル数をＲＧＢごとに算出しヒストグラム比較を行うヒストグラム比較部１２３とを有する。結果出力部１３０は、ピクセル比較のときには、不一致領域を、ヒストグラム比較のときには、対応する差異メッセージを、処理結果ログファイル３００に出力する。【選択図】図１
2016224481.tif 000002
【特許請求の範囲】
【請求項１】
情報処理装置がコンピュータプログラムを実行することにより、表示画面からキャプチャされる画像データを比較する表示画面テストシステムであって、
第一の画像データと第二の画像データを入力して、それらの画像データのピクセルのＲＧＢ値の違うピクセル数の差異をＲＧＢごとに算出して比較するヒストグラム比較を行うヒストグラム比較部と、
ＲＧＢごとのＲＧＢ値の違うピクセル数の値の組に、差異メッセージを対応付けたヒストグラム比較結果変換テーブルと、
前記ヒストグラム比較部の結果を処理結果ログとして出力する結果出力部とを有し、
前記ヒストグラム比較部は、前記ヒストグラム比較結果変換テーブルを参照し、画像データのピクセルのＲＧＢ値の違うピクセル数の差異から、対応する差異メッセージを求め、前記結果出力部は、前記ヒストグラム比較部のヒストグラム比較の結果として、前記差異メッセージを出力することを特徴とする表示画面テストシステム。
【請求項２】
さらに、前記第一の画像データと前記第二の画像データをバイナリデータとして比較するバイナリ比較を行うバイナリ比較部を有し、
前記バイナリ比較部によるバイナリ比較により、一致すると判定されたときには、前記ヒストグラム比較部によるヒストグラム比較を行わないことを特徴とする請求項１記載の表示画面テストシステム。
【請求項３】
情報処理装置がコンピュータプログラムを実行することにより、表示画面からキャプチャされる画像データを比較する表示画面テストシステムであって、
第一の画像データと第二の画像データを入力して、それらの画像データのピクセルの差分を算出し、画面内の不一致であったピクセルのある部分領域を特定するピクセル比較を行うピクセル比較部と、
前記ヒストグラム比較部の結果を処理結果ログとして出力する結果出力部とを有し、
前記結果出力部は、前記ピクセル比較部のピクセル比較の結果として、前記画面内の不一致であったピクセルのある部分領域の情報を出力することを特徴とする表示画面テストシステム。
【請求項４】
さらに、前記第一の画像データと前記第二の画像データをバイナリデータとして比較するバイナリ比較を行うバイナリ比較部を有し、
前記バイナリ比較部によるバイナリ比較により、一致すると判定されたときには、前記ピクセル比較部によるピクセル比較を行わないことを特徴とする請求項３記載の表示画面テストシステム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、表示画面テストシステムに係り、特に、Ｗｅｂブラウザでの画面表示を一括して、効率的にテストし、差異のある画面特性も指摘しうる表示画面テストシステムに関する。
【背景技術】
【０００２】
既に、世界的に普及しているインターネット（Internet）の利用分野において、最も利用されているのは、電子メールと並んで、Ｗｅｂページの閲覧であるといってもよい。このＷｅｂページをＷｅｂサーバからダウンロードして、クライアントにおいて表示するツールがＷｅｂブラウザ（Web Browser）である。
【０００３】
したがって、Ｗｅｂページを利用したアプリケーションソフトウェア（以下、単に「アプリケーション」ともいう）を開発する開発者は、市場に提供されている代表的なＷｅｂブラウザにより、テスト対象となるアプリケーションの画面を表示させてテストすることになる。
【０００４】
例えば、特許文献１には、過去のテスト結果の画像データを、テスト対象とする画像データと比較し、比較結果画像として出力するＷｅｂページの検証システムが開示されている（段落番号０１０７、０１０８、図２３〜図２５）。
【先行技術文献】
【特許文献】
【０００５】
【特許文献１】特開２０１１−１６４７８６号公報
【発明の概要】
【発明が解決しようとする課題】
【０００６】
上記特許文献１のように、従来のＷｅｂページを利用したアプリケーションにおいては、一つ一つの結果を画像比較など一つの方法により、目視確認するものであった。しかしながら、Ｗｅｂブラウザの種類は増加し、バージョンアップも頻繁に実施され、比較確認の作業に要する時間も増加の一途をたどっている。そのため、目視確認を実施していて、確認する時間も増加し続け、人手の作業では正確性を欠き、品質も一定のものにならないという問題点があった。
【０００７】
本発明は、上記問題点を解決するためになされもので、その目的は、Ｗｅｂページを利用したアプリケーションにおいて、Ｗｅｂブラウザでの画面表示を一括して、効率的にテストし、差異のある画面特性も指摘しうる表示画面テストシステムを提供することにある。
【課題を解決するための手段】
【０００８】
上記目的を達成するために、本発明の表示画面テストシステムは、好ましくは、情報処理装置がコンピュータプログラムを実行することにより、表示画面からキャプチャされる画像データを比較する表示画面テストシステムであって、第一の画像データと第二の画像データを入力して、それらの画像データのピクセルのＲＧＢ値の違うピクセル数の差異をＲＧＢごとに算出して比較するヒストグラム比較を行うヒストグラム比較部と、ＲＧＢごとのＲＧＢ値の違うピクセル数の値の組に、差異メッセージを対応付けたヒストグラム比較結果変換テーブルと、ヒストグラム比較部の結果を処理結果ログとして出力する結果出力部とを有し、ヒストグラム比較部は、ヒストグラム比較結果変換テーブルを参照し、画像データのピクセルのＲＧＢ値の違うピクセル数の差異から、対応する差異メッセージを求め、結果出力部は、ヒストグラム比較部のヒストグラム比較の結果として、差異メッセージを出力するように構成したものである。
【０００９】
また、好ましくは、さらに、第一の画像データと第二の画像データをバイナリデータとして比較するバイナリ比較を行うバイナリ比較部を有し、バイナリ比較部によるバイナリ比較により、一致すると判定されたときには、ヒストグラム比較部によるヒストグラム比較を行わないようにしたものである。
【００１０】
上記目的を達成するために、本発明の表示画面テストシステムの別の構成によれば、情報処理装置がコンピュータプログラムを実行することにより、表示画面からキャプチャされる画像データを比較する表示画面テストシステムであって、第一の画像データと第二の画像データを入力して、それらの画像データのピクセルの差分を算出し、画面内の不一致であったピクセルのある部分領域を特定するピクセル比較を行うピクセル比較部と、ヒストグラム比較部の結果を処理結果ログとして出力する結果出力部とを有し、結果出力部は、ピクセル比較部のピクセル比較の結果として、画面内の不一致であったピクセルのある部分領域の情報を出力するようにしたものである。
【００１１】
また、好ましくは、さらに、第一の画像データと第二の画像データをバイナリデータとして比較するバイナリ比較を行うバイナリ比較部を有し、バイナリ比較部によるバイナリ比較により、一致すると判定されたときには、ピクセル比較部によるピクセル比較を行わないようにしたものである。
【発明の効果】
【００１２】
本発明によれば、Ｗｅｂページを利用したアプリケーションにおいて、Ｗｅｂブラウザでの画面表示を一括して、効率的にテストし、差異のある画面特性も指摘しうる表示画面テストシステムを提供することができる。
【図面の簡単な説明】
【００１３】
【図１】一実施形態に係るＷｅｂページ表示画面テストシステムのシステム構成図である。
【図２】Ｗｅｂページ表示画面テストシステムを稼動させる情報処理装置のハードウェア構成図である。
【図３Ａ】ピクセル比較の具体的処理を説明する図である（その一）。
【図３Ｂ】ピクセル比較の具体的処理を説明する図である（その二）。
【図３Ｃ】ピクセル比較の具体的処理を説明する図である（その三）。
【図３Ｄ】ピクセル比較の具体的処理を説明する図である（その四）。
【図３Ｅ】ピクセル比較の具体的処理を説明する図である（その五）。
【図４】ＲＧＢヒストグラムの概念を説明する図である。
【図５】ヒストグラム比較結果変換テーブルの例を示す図である。
【図６】ヒストグラム比較の具体的処理を説明する図である。
【図７】Ｗｅｂページ表示画面テストシステムの処理を説明するフローチャートである。
【図８】ピクセル比較処理Ｓ０５の詳細について説明するフローチャートである。
【図９】ヒストグラム比較処理Ｓ０６の詳細について説明するフローチャートである。
【図１０】処理結果ログファイル３００の一例を示す図である。
【発明を実施するための形態】
【００１４】
以下、本発明に係る一実施形態を、図１ないし図１０を用いて説明する。
【００１５】
先ず、図１ないし図２を用いて一実施形態に係るＷｅｂページ表示画面テストシステムについて説明する。図１は、一実施形態に係るＷｅｂページ表示画面テストシステムのシステム構成図である。図２は、Ｗｅｂページ表示画面テストシステムを稼動させる情報処理装置のハードウェア構成図である。
【００１６】
図１に示されるように、Ｗｅｂページ表示画面テストシステム１００は、画像キャプチャ部１１０、比較判定部１２０、結果出力部１３０からなる。
画像キャプチャ部１１０は、表示されているＷｅｂページの画面をキャプチャしてデジタルデータに変換して出力する部分である。このＷｅｂページ表示画面テストシステム１００においては、テストの対象となる被テスト画面１０ｔと、被テスト画面１０ｔと比較するベースとなる基準画面１０ｂを、それぞれキャプチャして、デジタルデータとしての被テスト画像２０ｔと、基準画像２０ｂに変換する。この基準画像２０ｂは、いったん、画像キャプチャ部１１０により生成された後に、ＨＤＤなどの補助記憶装置に格納しておき、比較するときに読み出して入力するようにしてもよい。
【００１７】
比較判定部１２０は、バイナリ比較部１２１、ピクセル比較部１２２、ヒストグラム比較部１２３の三つの部分からなり、入力されてくる被テスト画像２０ｔと、基準画像２０ｂに対して、それぞれの部分でバイナリ比較、ピクセル比較、ヒストグラム比較を行って、比較結果を結果出力部に出力する部分である。なお、ヒストグラム比較部１２３によるヒストグラム比較では、ヒストグラム比較結果変換テーブルを用いて、差異メッセージを出力する。なお、バイナリ比較、ピクセル比較、ヒストグラム比較については、後に詳細に説明する。
【００１８】
結果出力部１３０は、比較判定部１２０の各々の比較結果を受けて、処理結果ログとして編集して、出力する部分である。処理結果ログは、ディスプレイなどの表示装置４０に表示されたり、プリンタ５０に印刷されたり、処理結果ログファイル３００としてＨＤＤなどの補助記憶装置に格納される。
【００１９】
次に、図２を用いてＷｅｂページ表示画面テストシステム１００の機能を実現する情報処理装置のハードウェア構成について説明する。
情報処理装置４００のハードウェアは、例えば、図２に示されるような一般的なパーソナルコンピュータ（ＰＣ：Personal Computer）で実現される。
【００２０】
情報処理装置４００は、ＣＰＵ（Central Processing Unit）４０２、主記憶装置４０４、ネットワークＩ／Ｆ４０６、表示Ｉ／Ｆ４０８、入出力Ｉ／Ｆ４１０、補助記憶Ｉ／Ｆ４１４が、バスにより結合された形態になっている。
【００２１】
ＣＰＵ４０２は、情報処理装置４００の各部を制御し、主記憶装置４０４に必要なプログラムをロードして実行する。主記憶装置４０４は、通常、ＲＡＭなどの半導体記憶装置から構成される揮発メモリで構成され、ＣＰＵ４０４が実行するプログラム、参照するデータが記憶される。ネットワークＩ／Ｆ４０６は、ネットワーク６０と接続するためのインタフェースである。表示Ｉ／Ｆ４０８は、ＬＣＤ（Liquid Crystal Display）などの表示装置４２０を接続するためのインタフェースである。入出力Ｉ／Ｆ４１０は、入出力装置を接続するためのインタフェースである。図２の例では、キーボード４３０とポインティングデバイスのマウス４３２が接続されている。
【００２２】
補助記憶Ｉ／Ｆ４１２は、ＨＤＤ（Hard Disk Drive）４５０やＳＳＤ（Solid State Drive）などの補助記憶装置を接続するためのインタフェースである。
【００２３】
ＨＤＤ４５０は、大容量の記憶容量を有しており、Ｗｅｂページ表示画面テストシステム１００の各機能を実行するためのプログラムが格納されている。情報処理装置４００には、Ｗｅｂブラウザ５１２、画像キャプチャプログラム５０１、画像比較判定プログラム５１０、画像比較判定結果出力プログラム５１１がインストールされている。画像キャプチャプログラム５０１は、図１に示した画像キャプチャ部１１０を実現するプログラムであり、表示装置４２０に表示される画面をデジタルデータの画像として出力するプログラムである。画像比較判定プログラム５１０は、図１に示した比較判定部１２０を実現するプログラムであり、入力されてくる被テスト画像２０ｔと基準画像２０ｂを比較するプログラムである。画像比較判定結果出力プログラム５１２は、図１に示した結果出力部１３０を実現するプログラムであり、画像比較判定プログラム５１０が出力する結果を編集して、処理結果ログとして出力するプログラムである。また、ヒストグラム比較をするときに参照するテーブルとしてヒストグラム比較結果変換テーブル２００が保持されており、画像比較の結果出力される処理結果ログファイル３００も格納される。
【００２４】
次に、図３Ａないし図６を用いて、バイナリ比較、ピクセル比較、ヒストグラム比較の詳細を、具体例を交えつつ説明する。図３Ａないし図３Ｅは、ピクセル比較の具体的処理を説明する図である。図４は、ＲＧＢヒストグラムの概念を説明する図である。図５は、ヒストグラム比較結果変換テーブルの例を示す図である。図６は、ヒストグラム比較の具体的処理を説明する図である。
【００２５】
図１に示したバイナリ比較部１２１で行われるバイナリ比較とは、被テスト画像２０ｔと基準画像２０ｂを、バイナリデータとして、データバイナリコードベースで比較する比較方法である。
【００２６】
図１に示したピクセル比較部１２２で行われるピクセル比較とは、ピクセル比較とは、被テスト画像２０ｔと基準画像２０ｂの画像の比較において、すべての画素をグレースケール（白から黒までの明暗だけで表現）に変換し、さらに二値化（濃淡のある画像を白と黒の２階調に変換）した二つの画像を比較し、一致・不一致を判定する処理である。
【００２７】
先ず、図３Ａに示される被テスト画像２０ｔと基準画像２０ｂがあるとする。これをグレースケール化して、図３Ｂに示されるそれぞれのグレースケール画像に変換する。これを所定の閾値を基準として、図３Ｃに示される二値化した画像を作成する。
【００２８】
次に、図３Ｄに示されるように、これらの二値化画像の差分を抽出して、さらに、不一致の部分が、画面のどの領域に属するかを判定する。本実施形態では、上・下部分と、左・中・右部分の計六つの部分に分割して判定している。すなわち、図３Ｅに示す例では、中の下部と、右の上部が不一致であるということになる。画面の分割の方法としては、このような分割の仕方に限らず、テスト時における必要により、さらに、分割数を多くしたり、又は、上下、左右の四分割にすることも可能である。
【００２９】
図１に示したヒストグラム比較部１２３で行われるヒストグラム比較とは、画像内の各ピクセルの持つ明るさ（濃淡）の分布を赤・緑・青（ＲＧＢ）別に示したＲＧＢヒストグラムを、二つの画像について比較し、一致・不一致を判定する処理である。ここで、ＲＧＢヒストグラムとは、図４に示されるように、Ｒ（赤）、Ｇ（緑）、Ｂ（青）の画素値（輝度）ごとのピクセル数を統計的に表示するグラフである。
【００３０】
先ず、ヒストグラム比較においては、ＲＧＢごと差異のあるピクセル数を差分ピクセル数として算出する（図６（ａ））。そして、一定の許容率（例えば、±１０％）を、ＲＧＢごとに乗じて、適用範囲を算出する（図６（ｂ））。そして、ヒストグラム変換結果テーブルの（Ｒの差異，Ｇの差異，Ｂの差異）の全ての値が、この適用範囲に含まれるエントリの差異メッセージが取り出される（図６（ｃ））。例えば、（Ｒ，Ｇ，Ｂ）の差分ピクセル数が、（９，９，３１）のときに、許容率（±１０％）を乗じて、（Ｒ，Ｇ，Ｂ）の適用範囲は、（（８−１０），（８−１０），（２８−３４））になる（小数点以下は四捨五入）。したがって、この例では、（１０，１０，３０）が、（（８−１０），（８−１０），（２８−３４））に入っているための「リンクがなくなっている可能性があります。」のメッセージが取り出されることになる。
【００３１】
ここで、ヒストグラム比較結果変換テーブル２００は、図５に示されるように、それぞれ赤・緑・青（ＲＧＢ）の違いを示す数値と、具体的な差異を示す差異メッセージをそれぞれ対応付けて記憶したテーブルである。ヒストグラム比較結果変換テーブルの差異メッセージは、画像の比較において、開発者がデバックするための支援情報を示唆するものになっている。（Ｒの差異，Ｇの差異，Ｂの差異）＝（１０，１０，１０）のときには、Ｗｅｂページでは、文字色は通常黒色で表現されることが多いため、「文字が異なっている可能性があります。」という差異メッセージになっている。（Ｒの差異，Ｇの差異，Ｂの差異）＝（０，０，１００）のときには、対象となるＷｅｂページの罫線が、青色で表現されることを前提とすると、Ｂの差異が大きいため、「罫線が異なっている可能性があります。」という差異メッセージになっている。（Ｒの差異，Ｇの差異，Ｂの差異）＝（１０，２０，１０）のときには、Ｇの差異の部分に着目して、「文字色が異なっている可能性があります。」という差異メッセージになっている。（Ｒの差異，Ｇの差異，Ｂの差異）＝（１０，１０，３０）のときには、Ｗｅｂページでは、リンクの表示が通常青で表現されるため、黒色の成分と青色の成分が違うという観点から、「リンクがなくなっている可能性があります。」という差異メッセージになっている。また、（Ｒの差異，Ｇの差異，Ｂの差異）＝（１００，１００，１０）のときには、対象となるＷｅｂページの背景が、赤と緑の合成色で表現されることを前提とすると、Ｒの差異とＧの差異が大きいため、「背景色が異なっている可能性があります。」という差異メッセージになっている。
【００３２】
次に、図７ないし図９を用いて一実施形態に係るＷｅｂページ表示画面テストシステムの処理について説明する。図７は、Ｗｅｂページ表示画面テストシステムの処理を説明するフローチャートである。図８は、ピクセル比較処理Ｓ０５の詳細について説明するフローチャートである。図９は、ヒストグラム比較処理Ｓ０６の詳細について説明するフローチャートである。
【００３３】
先ず、図７に示されるように、画像キャプチャ部１１０において、基準画面１０ｂと被テスト画面１０ｔの画面をキャプチャして、基準画像２０ｂと被テスト画像２０ｔを生成する（Ｓ０１）。
【００３４】
次に、被テスト画像がないときには、終了し（Ｓ０２：ＹＥＳ）、あるときには、（Ｓ０２：ＮＯ）には、比較判定部１２０のバイナリ比較部１２１により、バイナリ比較を行う（Ｓ０３）。バイナリ比較の結果が一致するときには（Ｓ０４：一致）、処理結果ログに結果を書き込む（Ｓ０７）。バイナリ比較の結果が一致するときに、ピクセル比較処理とヒストグラム比較処理を行わないようにするのは、バイナリ比較の結果が一致するときには、ピクセル比較処理とヒストグラム比較処理の結果も一致するのが自明であるからである。
【００３５】
バイナリ比較の結果が一致しないときには（Ｓ０４：不一致）、ピクセル比較処理を行う（Ｓ０５、後に詳説）。次に、ヒストグラム比較処理を行う（Ｓ０６、後に詳説）。最後に、処理結果ログに結果を書き込む（Ｓ０７）。
【００３６】
次に、図８を用いてピクセル比較処理Ｓ０５の詳細について説明する。
先ず、被テスト画像２０ｔと、基準画像２０ｂをそれぞれグレースケール化する（Ｓ１００、図３Ａ→図３Ｂ）。
【００３７】
次に、グレースケール化された被テスト画像と、基準画像をそれぞれ二値化する（Ｓ１０１、図３Ｂ→図３Ｃ）。ここで、二値化とは、ある所定の閾値を境にして、各々のピクセル値を、０（白）、１（黒）に分類する処理である。
次に、二値化された被テスト画像と、基準画像の差分を抽出する（Ｓ１０２、図３Ｃ→図３Ｄ）。
【００３８】
次に、差異がある箇所について領域判定を行う（Ｓ１０３、図３Ｄ→図３Ｅ）。
最後に、ピクセル比較のテンポラリ結果を、主記憶装置４０４又はＨＤＤ４５０に保持する（Ｓ１０４）。
【００３９】
次に、図９を用いてヒストグラム比較処理Ｓ０６の詳細について説明する。
先ず、被テスト画像２０ｔと、基準画像２０ｂより、それぞれのＲＧＢヒストグラムデータを生成する（Ｓ２００）。
次に、ＲＧＢごとの差分ピクセル数を算出する（Ｓ２０１、図６（ａ））。
【００４０】
次に、Ｓ２０１で求めた差分ピクセル数に所定の許容率を乗じて、ＲＧＢごとの適用範囲を算出する（Ｓ２０２、図６（ｂ））。
次に、Ｓ２０２で求めたＲＧＢごとの適用範囲をヒストグラム比較結果変換テーブル２００とつき合わせて、該当の差異メッセージを取り出す（Ｓ２０３、図６（ｃ））。
最後に、ヒストグラム比較のテンポラリ結果を、主記憶装置４０４又はＨＤＤ４５０に保持する保持する（Ｓ２０４）。
【００４１】
次に、図１０を用いて処理結果ログファイル３００について説明する。図１０は、処理結果ログファイル３００の一例を示す図である。
【００４２】
処理結果ログファイル３００は、バイナリ比較、ピクセル比較、ヒストグラム比較の各々の結果を、処理結果ログとして、各被テスト画像２０ｔ、基準画像２０ｂごとに比較の一致、不一致情報とともに、ピクセル比較のときには、不一致の領域、ヒストグラム比較のときには、差異メッセージを格納したファイルである。
【００４３】
処理結果ログファイル３００のヘッダ部分は、「比較ファイル数」欄３１１と「処理時間」欄３１２からなる。「比較ファイル数」欄３１１には比較したファイル数が記載される。図１０の例では、比較したファイルは１００ファイルとなっている。また、「処理時間」欄３１２には全てのファイルの比較処理に要した時間と、比較処理の開始日時及び終了日時が記載される。図１０の例では、比較処理に要した時間は２０分となる。
【００４４】
処理結果ログファイル３００の比較結果を表示するレコードは、バイナリ比較、ピクセル比較、ヒストグラム比較の各々の結果を表すレコードよりなる。
【００４５】
「比較情報１」フィールドには、比較した正常に表示されている基準画像のファイル名（フルパス名）が記載される。図１０の第一レコードの例では、比較した基準画像としてのファイルは、「c:\正画面b\sei_01.png」となっている。「比較情報２」フィールドには、比較した被テスト画像のファイル名（フルパス名）が記載される。図１０の第一レコードの例では、比較したファイルは「c:\テストb\test_01.png」となる。「比較方法」フィールドにはファイルの比較方法が記載される。比較方法としては、バイナリ比較、ピクセル比較、ヒストグラム比較の各々に従い、バイナリ、ピクセル、ヒストグラムとなる。「比較結果」フィールドにはファイルを比較した比較結果が、「一致」「不一致」として記載される。また、「不一致率」フィールドにはバイナリ比較、ピクセル比較を行った結果、不一致となった割合いが記載される。図１０の例第一レコードでは、バイナリ比較で一致しているため、不一致率は０％となる。
【００４６】
「不一致領域（ピクセル比較時）／差異メッセージ（ヒストグラム比較時）」フィールドには、バイナリ比較の場合は、該当しないことを表す固定文字（−：ハイフン）が記載される。ピクセル比較の場合は、それぞれ左部、中部、右部の上下の６つの領域の中で、不一致なピクセルが存在した領域には×印、一致したピクセルしか存在しなかった領域には〇印が記載される。また、ヒストグラム比較の場合は、ヒストグラム比較結果から、具体的な差異を示すメッセージに変換された差異メッセージが記載される。
【００４７】
図１０の第三レコードの例では、ピクセル比較であり、不一致領域は「左（上：〇、下：〇）  中（上：〇、下：×）  右（上：×、下：〇）」となっている。また、図１０の第四レコードの例では、ヒストグラム比較であり、差異メッセージは「リンクが無くなっている可能性があります。」となっている。
【００４８】
なお、本実施形態では、被テスト画像、基準画像のファイルフォーマットを、Portable Network Graphics（拡張子PNG）として説明したが、その他の代表的な画像のファイルフォーマット、例えば、ＢＭＰ（Microsoft Windows(登録商標) Bitmap Image、拡張子bmp）、ＪＰＥＧ（Joint Photographic Experts Group、拡張子jpg）、ＴＩＦＦ（Tagged Image File Format、拡張子ｔｉｆ）などであってもよい。
【００４９】
以上のように、本実施形態のＷｅｂページ表示画面テストシステムによれば、Ｗｅｂブラウザでの画面動作テスト後の画面表示結果情報を複数の比較方法で一括して確認することができ、迅速に均質な確認結果を出すことが可能となる。特に、ピクセル比較の場合には、差異のある領域を迅速に把握でき、ヒストグラム比較の場合には、画像の分析をする際に、デバックの支援情報となるメッセージを得ることができる。
【符号の説明】
【００５０】
１００…Ｗｅｂページ表示画面テストシステム、１１０…画像キャプチャ部、１２０…比較判定部、１２１…バイナリ比較部、１２２…ピクセル比較部、１２３…ヒストグラム比較部、１３０…結果出力部、２００…ヒストグラム比較結果変換テーブル、３００…処理結果ログファイル。
【図１】
2016224481.tif 000003
【図２】
2016224481.tif 000004
【図３Ａ】
2016224481.tif 000005
【図３Ｂ】
2016224481.tif 000006
【図３Ｃ】
2016224481.tif 000007
【図３Ｄ】
2016224481.tif 000008
【図３Ｅ】
2016224481.tif 000009
【図４】
2016224481.tif 000010
【図５】
2016224481.tif 000011
【図６】
2016224481.tif 000012
【図７】
2016224481.tif 000013
【図８】
2016224481.tif 000014
【図９】
2016224481.tif 000015
【図１０】
2016224481.tif 000016