JP6543649B2 - Screen difference detection device and program - Google Patents

Screen difference detection device and program Download PDF

Info

Publication number
JP6543649B2
JP6543649B2 JP2017055707A JP2017055707A JP6543649B2 JP 6543649 B2 JP6543649 B2 JP 6543649B2 JP 2017055707 A JP2017055707 A JP 2017055707A JP 2017055707 A JP2017055707 A JP 2017055707A JP 6543649 B2 JP6543649 B2 JP 6543649B2
Authority
JP
Japan
Prior art keywords
screen
area
rectangle
screen element
image
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
JP2017055707A
Other languages
Japanese (ja)
Other versions
JP2018160003A (en
Inventor
治門 丹野
治門 丹野
悠 安達
悠 安達
鬼頭 宏幸
宏幸 鬼頭
守英 生沼
守英 生沼
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Nippon Telegraph and Telephone Corp
Original Assignee
Nippon Telegraph and Telephone Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Nippon Telegraph and Telephone Corp filed Critical Nippon Telegraph and Telephone Corp
Priority to JP2017055707A priority Critical patent/JP6543649B2/en
Publication of JP2018160003A publication Critical patent/JP2018160003A/en
Application granted granted Critical
Publication of JP6543649B2 publication Critical patent/JP6543649B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Description

本発明は、画面差異検出装置及びプログラムに関する。   The present invention relates to a screen difference detection apparatus and program.

複数の環境においてアプリケーションを動作させたときのUI(画面)のレイアウト崩れの検出や、回帰テストにおけるデグレード検出などを目的に、アプリケーションの実行結果画面を対象として、正しく表示された画面(正解画面)の画像とテスト対象画面(比較画面)の画像とを比較することで、誤りの箇所を自動検出するツールが存在する。   Correctly displayed screen (correct screen) for the execution result screen of the application for the purpose of detection of layout collapse of UI (screen) when operating the application in multiple environments, degradation detection in regression test, etc. There is a tool for automatically detecting an error location by comparing the image of and the image of the test target screen (comparison screen).

画素単位の差異抽出ツール(例えば、非特許文献4)や技術(例えば、非特許文献1)では、正解画面と比較画面の差異を画素単位で比較しその差分を表示することができる。また、非特許文献2の技術では、正解画面と比較画面において画面間の差異をテキストボックス、ボタンなどといった画面要素の単位で抽出して表示することができる。   In the pixel-by-pixel difference extraction tool (for example, non-patent document 4) or technique (for example, non-patent document 1), the difference between the correct screen and the comparison screen can be compared in pixel units and the difference can be displayed. Further, in the technique of Non-Patent Document 2, the difference between screens can be extracted and displayed in units of screen elements such as a text box and a button on the correct screen and the comparison screen.

これらのツールは正解画面と比較画面のスクリーンショット画像のみを用意すれば活用することができるため、特定の実装技術(例:Webアプリケーション、ネイティブアプリケーション(Windows(登録商標)、Android(登録商標)、iOS(登録商標))、など)に依存することなく幅広く適用することができる。   These tools can be used by preparing only the correct answer screen and the screen shot image of the comparison screen, so a specific implementation technology (eg: Web application, native application (Windows (registered trademark), Android (registered trademark), etc.) It can be widely applied without depending on iOS (registered trademark) and the like.

Sonal Mahajan and William G.J. Halfond. 2014. Finding HTML presentation failures using image comparison techniques. In Proceedings of the 29th ACM/IEEE international conference on Automated software engineering (ASE '14). ACM, New York, NY, USA, 91-96.(南カリフォルニア大学,米国)2014. Finding HTML presentation failures using image comparison technology. In Proceedings of the 29th ACM / IEEE international conference on Automated software engineering (ASE '14). ACM, New York, NY, USA, 91-96 (University of Southern California, USA) 丹野 治門: "画像処理を活用したUIレイアウト崩れ検出支援手法の提案", 情報処理学会 研究報告ソフトウェア工学 , vol. 2016-SE-194, no. 9, pp.1-8, 2016年11月Osamu Tanno: "Proposal of UI Layout Failure Detection Support Method Using Image Processing", IPSJ SIG Technical Report, vol. 2016-SE-194, no. 9, pp. 1-8, November 2016 桑井博之, 豊沢聡, 永田雅人,"実践OpenCV 2.4 for Python : 映像処理&解析", カットシステム, 2014 (ISBN = 9784877833466),P82-P83Hiroyuki Sakurai, Ryo Toyozawa, Masato Nagata, "Practical OpenCV 2.4 for Python: Image Processing & Analysis", Cut System, 2014 (ISBN = 9784877833466), P82-P83 DiffImage、[online]、インターネット<URL:https://ja.osdn.net/projects/sfnet_diffimg/>DiffImage, [online], Internet <URL: https://ja.osdn.net/projects/sfnet_diffimg/>

しかしながら、コンシューマ向けにサービスを提供しているアプリケーションでは、広告やニュース記事など、画面を表示するたびにその内容が変わってしまう部分(以下、「動的変化領域」という。)が存在し、これらは画素単位の差異抽出ツールや、非特許文献1、2の技術では、全て差異として検出されてしまう。その結果、1つの画面に対して多くの差異が検出されてしまい、本来発見したいUIレイアウト崩れや、回帰テストにおけるデグレードの検出が困難になる。   However, in applications that provide services for consumers, there are parts (hereinafter referred to as “dynamic change areas”) in which the contents change each time the screen is displayed, such as advertisements and news articles. In the pixel-by-pixel difference extraction tool and the techniques of Non-Patent Documents 1 and 2, all differences are detected. As a result, many differences are detected for one screen, which makes it difficult to detect a UI layout collapse that is originally intended to be detected and degradation in a regression test.

この課題を解決するため、非特許文献1、2における2つの画面の差異比較の際に、非特許文献3に示されているように、差異を検出する必要がない領域群をマスク画像として別途用意し、このマスク画像を用いて動的変化領域を差異比較の対象から除外し、差異として検出されないようにする方法も考えられる。   In order to solve this problem, when comparing the difference between two screens in non-patent documents 1 and 2, as shown in non-patent document 3, an area group where it is not necessary to detect the difference is separately used as a mask image. It is also conceivable to prepare and use this mask image to exclude the dynamically changing area from the target of the difference comparison so that it is not detected as a difference.

しかし、マスク領域を構成する各画素は絶対座標により指定されるため、この方法によれば、動的変化領域の大きさが毎回変わる場合や、ソフトウェアの修正等により画面構成に変更があり動的変化領域の位置がずれた場合に、適切に動的変化領域を比較対象外(差異の検出対象外)とすることができなくなるという問題が生じる。   However, since each pixel constituting the mask area is designated by absolute coordinates, according to this method, there is a change in the screen configuration due to the case where the size of the dynamic change area changes every time or the software is modified. When the position of the change area is shifted, there arises a problem that the dynamic change area can not be appropriately excluded from comparison (outside detection of difference).

図1は、従来技術の問題点を説明するための図である。図1の(1)には、正解画面g100及びマスク画像g200が示されている。マスク画像g200は、正解画面g100における「★広告」の領域を差異比較の対象から除外するためのマスク画像である。   FIG. 1 is a diagram for explaining the problems of the prior art. A correct answer screen g100 and a mask image g200 are shown in (1) of FIG. The mask image g200 is a mask image for excluding the area of “★ ad” in the correct answer screen g100 from the targets of the difference comparison.

(2)には、「★広告」の領域の大きさが変化した比較画面g110が示されている。この場合、マスク画像g200では、比較画面g110の「★広告」の領域を適切に除外するのが困難である。   In (2), a comparison screen g110 in which the size of the area of "★ ad" is changed is shown. In this case, in the mask image g200, it is difficult to appropriately exclude the area of “advertisement” on the comparison screen g110.

(3)には、ソフトウェア修正により「リンク集」の領域が大きくなり、「★広告」の位置がずれた比較画面g120が示されている。この場合においても、マスク画像g200では、比較画面g120の「★広告」の領域を適切に除外するのが困難である。   In (3), the area of the “link collection” is enlarged due to the software correction, and a comparison screen g120 in which the position of “★ ad” is shifted is shown. Also in this case, in the mask image g200, it is difficult to appropriately exclude the area of “advertisement” on the comparison screen g120.

本発明は、上記の点に鑑みてなされたものであって、画面の一部の領域を比較対象から適切に除去可能とすることを目的とする。   The present invention has been made in view of the above-described point, and an object thereof is to make it possible to appropriately remove a partial area of a screen from comparison targets.

そこで上記課題を解決するため、画面差異検出装置は、画面の第1の表示結果を示す第1の画像と前記画面の第2の表示結果を示す第2の画像との差異を検出する画面差異検出装置であって、前記第1の画像における一部の領域である第1の領域を特定する情報として、前記第1の画像に含まれる複数の画面要素矩形のうちのいずれか1以上の第1の画面要素矩形ごとに、当該第1の画面要素矩形を基準とした相対的な位置関係の指定をユーザから受け付ける受付部と、前記第2の画像において前記各第1の画面要素矩形に一致する各第2の画面要素矩形と、前記各第1の画面要素矩形ごとに指定された前記相対的な位置関係とに基づいて特定される第2の領域と、前記第1の画像における前記第1の領域とを、前記差異の検出対象又は検出対象外として、前記差異を検出する検出部と、を有することを特徴とする。   Then, in order to solve the above-mentioned subject, the screen difference detection device detects the difference between the first image showing the first display result of the screen and the second image showing the second display result of the screen. A detection device according to any one or more of a plurality of screen element rectangles included in the first image as information for specifying a first region which is a partial region in the first image. A reception unit that receives from the user a designation of a relative positional relationship based on the first screen element rectangle for each of the screen element rectangles, and matches each of the first screen element rectangles in the second image A second area specified based on the respective second screen element rectangles and the relative positional relationship specified for each of the first screen element rectangles, and the second area in the first image Target of detection or detection of the difference As outer elephant, and having a detection portion for detecting the difference.

画面の一部の領域を比較対象から適切に除去可能とすることができる。   A partial area of the screen can be appropriately removed from the comparison target.

従来技術の問題点を説明するための図である。It is a figure for demonstrating the problem of a prior art. 本発明の実施の形態における画面差異検出装置10のハードウェア構成例を示す図である。It is a figure which shows the example of hardware constitutions of the screen difference detection apparatus 10 in embodiment of this invention. 本発明の実施の形態における画面差異検出装置10の機能構成例を示す図である。It is a figure which shows the function structural example of the screen difference detection apparatus 10 in embodiment of this invention. 指定領域の向きを説明するための図である。It is a figure for demonstrating the direction of the designation | designated area | region. 画面差異検出装置10が実行する処理手順の一例を説明するためのフローチャートである。It is a flowchart for demonstrating an example of the process sequence which the screen difference detection apparatus 10 performs. 結果レポートのデータ構造の一例を示す図である。It is a figure which shows an example of the data structure of a result report. ランドマーク候補の抽出処理の処理手順の一例を説明するためのフローチャートである。It is a flow chart for explaining an example of a processing procedure of extraction processing of a landmark candidate. テスト対象領域の指定処理の処理手順の一例を説明するためのフローチャートである。It is a flowchart for demonstrating an example of a process procedure of designation | designated process of a test object area | region. テスト対象領域情報のデータ構造の一例を示す図である。It is a figure which shows an example of the data structure of test object area | region information. テスト対象領域における差異の検出処理の処理手順の一例を説明するためのフローチャートである。It is a flowchart for demonstrating an example of a process procedure of a detection process of a difference in a test object field. テスト対象領域外の画面要素矩形の除去処理の処理手順の一例を説明するためのフローチャートである。It is a flowchart for demonstrating an example of a process procedure of the removal process of the screen element rectangle out of a test object area | region. 本実施の形態の効果の一例を具体的に説明するための図である。It is a figure for demonstrating concretely an example of the effect of this Embodiment. 本実施の形態の効果の一例を具体的に説明するための図である。It is a figure for demonstrating concretely an example of the effect of this Embodiment.

以下、図面に基づいて本発明の実施の形態を説明する。図2は、本発明の実施の形態における画面差異検出装置10のハードウェア構成例を示す図である。図2の画面差異検出装置10は、それぞれバスBで相互に接続されているドライブ装置100、補助記憶装置102、メモリ装置103、CPU104、インタフェース装置105、表示装置106、及び入力装置107等を有する。   Hereinafter, embodiments of the present invention will be described based on the drawings. FIG. 2 is a diagram showing an example of the hardware configuration of the screen difference detection device 10 according to the embodiment of the present invention. The screen difference detection device 10 of FIG. 2 has a drive device 100, an auxiliary storage device 102, a memory device 103, a CPU 104, an interface device 105, a display device 106, an input device 107, etc. .

画面差異検出装置10での処理を実現するプログラムは、CD−ROM等の記録媒体101によって提供される。プログラムを記憶した記録媒体101がドライブ装置100にセットされると、プログラムが記録媒体101からドライブ装置100を介して補助記憶装置102にインストールされる。但し、プログラムのインストールは必ずしも記録媒体101より行う必要はなく、ネットワークを介して他のコンピュータよりダウンロードするようにしてもよい。補助記憶装置102は、インストールされたプログラムを格納すると共に、必要なファイルやデータ等を格納する。   A program for realizing the processing in the screen difference detection apparatus 10 is provided by a recording medium 101 such as a CD-ROM. When the recording medium 101 storing the program is set in the drive apparatus 100, the program is installed from the recording medium 101 to the auxiliary storage apparatus 102 via the drive apparatus 100. However, the installation of the program does not necessarily have to be performed from the recording medium 101, and may be downloaded from another computer via a network. The auxiliary storage device 102 stores the installed program and also stores necessary files and data.

メモリ装置103は、プログラムの起動指示があった場合に、補助記憶装置102からプログラムを読み出して格納する。CPU104は、メモリ装置103に格納されたプログラムに従って画面差異検出装置10に係る機能を実現する。インタフェース装置105は、ネットワークに接続するためのインタフェースとして用いられる。表示装置106はプログラムによるGUI(Graphical User Interface)等を表示する。入力装置107はキーボード及びマウス等で構成され、様々な操作指示を入力させるために用いられる。   The memory device 103 reads out the program from the auxiliary storage device 102 and stores it when there is an instruction to start the program. The CPU 104 implements the function of the screen difference detection apparatus 10 in accordance with a program stored in the memory device 103. The interface device 105 is used as an interface for connecting to a network. The display device 106 displays a graphical user interface (GUI) according to a program. The input device 107 includes a keyboard, a mouse, and the like, and is used to input various operation instructions.

図3は、本発明の実施の形態における画面差異検出装置10の機能構成例を示す図である。図3において、画面差異検出装置10は、画像入力部11、ランドマーク候補抽出部12、テスト対象領域指定部13、画面差異検出部14及びレポート出力部15等を有する。これら各部は、画面差異検出装置10にインストールされた1以上のプログラムが、CPU104に実行させる処理により実現される。   FIG. 3 is a diagram showing an example of a functional configuration of the screen difference detection device 10 according to the embodiment of the present invention. In FIG. 3, the screen difference detection apparatus 10 has an image input unit 11, a landmark candidate extraction unit 12, a test target area specification unit 13, a screen difference detection unit 14, a report output unit 15, and the like. These units are realized by processing that one or more programs installed in the screen difference detection device 10 cause the CPU 104 to execute.

画像入力部11は、ユーザによって指定されたフォルダから、テスト対象の画面ごとに、正解画面と、1以上の比較画面との組(ペア)を読み込む。1つの正解画面に対して複数の比較画面が存在してもよい。画像入力部11は、また、正解画面と比較画面とのペアを生成する。1つのペアには、1つの正解画面と1つの比較画面とが含まれる。同じ正解画面に対して複数の比較画面が有る場合、比較画面ごとに同一の正解画面とのペアが生成される。   The image input unit 11 reads a pair of a correct answer screen and one or more comparison screens from the folder specified by the user for each screen to be tested. Multiple comparison screens may exist for one correct answer screen. The image input unit 11 also generates a pair of a correct answer screen and a comparison screen. One pair includes one correct answer screen and one comparison screen. When there are a plurality of comparison screens for the same correct answer screen, a pair with the same correct answer screen is generated for each comparison screen.

なお、正解画面とは、例えば、作成者の意図通りに画面が表示される環境(以下、「正解環境」という。)において当該画面の表示結果を示す画像データ(以下、「画面画像」という。)をいう。比較画面とは、例えば、正解環境とは異なる環境(以下、「比較環境」という。)において当該画面の表示結果を示す画面画像をいう。環境は、例えば、画面を表示した端末の機種、OS(Operating System)、及びブラウザ等の組み合わせによって区別される。更に、ブラウザの表示サイズ別に環境が区別されてもよい。環境は、画面の表示条件の一例であるともいえる。なお、正解画面及び比較画面は、例えば、画面キャプチャ等によって取得されてもよい。   The correct answer screen is, for example, image data (hereinafter referred to as a “screen image”) indicating the display result of the screen in an environment where the screen is displayed according to the intention of the creator (hereinafter referred to as “correct answer environment”). Say). The comparison screen is, for example, a screen image showing a display result of the screen in an environment (hereinafter, referred to as “comparison environment”) different from the correct answer environment. The environment is distinguished by, for example, a combination of a model of a terminal displaying a screen, an OS (Operating System), and a browser. Furthermore, environments may be distinguished according to browser display sizes. The environment can be said to be an example of the display condition of the screen. The correct answer screen and the comparison screen may be acquired by, for example, screen capture.

なお、画面とは、プログラムがコンピュータに表示させる画面をいう。画面は、アプリケーションプログラム等の画面であってもよいし、HTML(HyperText Markup Language)等によって記述された画面であってもよい。   Here, the screen refers to a screen that the program causes a computer to display. The screen may be a screen of an application program or the like, or may be a screen described in HTML (Hyper Text Markup Language) or the like.

ランドマーク候補抽出部12は、正解画面から重複なく一意に特定できる画面要素矩形を抽出する。画面要素矩形とは、画面の構成要素の矩形領域をいう。本実施の形態では、当該画面要素矩形が、ランドマーク矩形の候補(以下、「ランドマーク候補」という。)とされる。ランドマーク矩形とは、テスト(比較)の対象又はテストの除外対象とする一部の領域(以下、「指定領域」という。)を特定するために目印又は基準となる矩形領域をいう。ランドマーク矩形は、少なくとも正解画面に存在し、かつ、一意に特定できる矩形(画面要素)であり、複数存在しうる。本実施の形態では、ランドマーク候補抽出部12によって抽出された画面要素矩形の中からユーザによって選択される複数のランドマーク矩形で囲まれた指定領域(指定領域は正解画面、比較画面の両方で存在する)が除外領域とされる。より具体的には、本実施の形態では、「ランドマーク矩形と、当該ランドマーク矩形を基準とした相対的な方向(以下、「指定領域の向き」という。)」の複数の組み合わせによって、除外対象とする領域が指定される。   The landmark candidate extraction unit 12 extracts screen element rectangles that can be uniquely identified from the correct answer screen without duplication. The screen element rectangle refers to a rectangular area of a component of the screen. In the present embodiment, the screen element rectangle is a candidate for a landmark rectangle (hereinafter, referred to as “landmark candidate”). The landmark rectangle refers to a rectangular area serving as a mark or a reference for specifying a target area of a test (comparison) or a partial area to be excluded from the test (hereinafter referred to as “designated area”). The landmark rectangle is a rectangle (screen element) which exists at least on the correct answer screen and can be uniquely identified, and a plurality of landmark rectangles may exist. In the present embodiment, a designated area surrounded by a plurality of landmark rectangles selected by the user from the screen element rectangles extracted by the landmark candidate extraction unit 12 (the designated area is a correct screen and a comparison screen) Exists) is regarded as an exclusion zone. More specifically, in the present embodiment, it is excluded by a plurality of combinations of "landmark rectangle and relative direction (hereinafter referred to as" direction of designated area ") relative to the landmark rectangle. The target area is specified.

図4は、指定領域の向きを説明するための図である。図4の上段には、指定領域の向きの定義が示されている。指定領域の向きは、ランドマーク矩形を基準として、左上、上、右上、右、右下、下、左下、左の1以上の組み合わせによって指定される。   FIG. 4 is a diagram for explaining the direction of the designated area. The upper part of FIG. 4 shows the definition of the direction of the designated area. The direction of the designated area is designated by one or more combinations of upper left, upper, upper right, right, lower right, lower, lower left, and left with reference to the landmark rectangle.

図4の(1)には、ランドマーク矩形の「右上、右、右下」が指定領域の向きとして指定された場合の指定領域の範囲が網掛けによって示されている。   In (1) of FIG. 4, the range of the designated area when the “upper right, right, lower right” of the landmark rectangle is designated as the direction of the designated area is indicated by hatching.

図4の(2)には、ランドマーク矩形の「右上、右」が指定領域の向きとして指定された場合の指定領域の範囲が網掛けによって示されている。   In (2) of FIG. 4, the range of the designated area when the “upper right, right” of the landmark rectangle is designated as the direction of the designated area is indicated by hatching.

図4の(3)には、ランドマーク矩形の「右」が指定領域の向きとして指定された場合の指定領域の範囲が網掛けによって示されている。   In (3) of FIG. 4, the range of the designated area when the “right” of the landmark rectangle is designated as the direction of the designated area is indicated by hatching.

なお、(1)、(2)及び(3)において、外周の矩形は、画面の範囲を示す。   In addition, in (1), (2) and (3), the rectangle of an outer periphery shows the range of a screen.

このようなランドマーク矩形と、それぞれのランドマーク矩形における指定領域の向きとの複数の組が指定されることにより、これらのランドマーク矩形に囲まれた領域(又はこれらの組によって特定される領域が重畳する領域)が指定領域として特定される。   An area surrounded by these landmark rectangles (or an area specified by these pairs) is specified by specifying a plurality of sets of such landmark rectangles and the direction of the designated area in each of the landmark rectangles. Is specified as a designated area.

テスト対象領域指定部13は、ランドマーク矩形とするランドマーク候補の選択をユーザから受け付けると共に、ランドマーク矩形ごとに、指定領域の向きの指定をユーザから受け付ける。   The test target area specification unit 13 receives from the user selection of a landmark candidate to be a landmark rectangle and also receives specification of the direction of the specified area from the user for each landmark rectangle.

画面差異検出部14は、正解画面と比較画面との差異を検出する。この際、画面差異検出部14は、各ランドマーク矩形と、ランドマーク矩形ごとに指定された指定領域の向きとによって特定される1以上の指定領域を、テスト対象領域又はテスト対象領域外として、当該差異を検出する。テスト対象領域とは、比較対象とされる領域(すなわち、差異の検出対象領域)をいう。   The screen difference detection unit 14 detects the difference between the correct answer screen and the comparison screen. At this time, the screen difference detection unit 14 regards one or more designated areas specified by each landmark rectangle and the direction of the designated area designated for each landmark rectangle as a test target area or an area other than the test target area. Detect the difference. The test target area refers to an area to be compared (that is, a difference detection target area).

レポート出力部15は、正解画面と比較画面との差異の検出結果等を出力する。   The report output unit 15 outputs the detection result of the difference between the correct answer screen and the comparison screen.

以下、画面差異検出装置10が実行する処理手順について説明する。図5は、画面差異検出装置10が実行する処理手順の一例を説明するためのフローチャートである。   The processing procedure executed by the screen difference detection device 10 will be described below. FIG. 5 is a flowchart for explaining an example of the processing procedure executed by the screen difference detection device 10.

ステップS110において、画像入力部11は、ユーザによって指定されたフォルダ配下において、テスト対象の画面ごとに記憶されている、正解画面群及び比較画面群を読み込み、正解画面と比較画面とのペアを生成する。   In step S110, the image input unit 11 reads the correct answer screen group and the comparison screen group stored for each screen to be tested under the folder specified by the user, and generates a pair of the correct answer screen and the comparison screen. Do.

続いて、画像入力部11は、空の結果レポートを作成する(S120)。   Subsequently, the image input unit 11 creates an empty result report (S120).

図6は、結果レポートのデータ構造の一例を示す図である。図6では、結果レポートのデータ構造の一例(構成例)が、BNF(Backus-Naur Form)によって記述されている。   FIG. 6 is a diagram showing an example of the data structure of the result report. In FIG. 6, an example (configuration example) of the data structure of the result report is described by BNF (Backus-Naur Form).

図6に示されるように、結果レポートは、正解画面と比較画面とのペアごとに、正解画面及び比較画面と、画面差異リストとを含む情報である。画面差異リストは、当該正解画面及び当該比較画面との画面差異の0以上の集合である。画面差異は、差異種別、変異値、正解画面要素矩形、比較画面要素矩形を含む情報である。差異種別は、差異の種別であり、その値は、「差異無し」、「X軸方向移動」、「Y軸方向移動」、「拡縮」、「消失」、又は「追加」である。変異値は、差異種別に係る差異の大きさを示す値である。正解画面要素矩形は、正解画面において差異に係る画面要素矩形である。比較画面要素矩形は、比較画面において差異に係る画面要素矩形である。すなわち、差異は、画面要素矩形の単位で検出される。   As shown in FIG. 6, the result report is information including a correct answer screen and a comparison screen, and a screen difference list for each pair of the correct answer screen and the comparison screen. The screen difference list is a set of zero or more screen differences between the correct answer screen and the comparison screen. The screen difference is information including a difference type, a mutation value, a correct screen element rectangle, and a comparison screen element rectangle. The difference type is the type of difference, and the value is "no difference", "movement in the X-axis direction", "movement in the Y-axis direction", "scaling", "disappear", or "addition". The mutation value is a value indicating the magnitude of the difference in the difference type. The correct answer screen element rectangle is a screen element rectangle related to the difference in the correct answer screen. The comparison screen element rectangle is a screen element rectangle related to a difference in the comparison screen. That is, the difference is detected in units of screen element rectangles.

また、正解画面には、正解画面の画面情報の他に、ランドマーク候補群及びテスト対象領域情報が設定可能である。ランドマーク候補群は、ランドマーク候補となる画面要素矩形の1以上の集合である。   In addition to the screen information of the correct answer screen, the landmark candidate group and the test target area information can be set in the correct answer screen. The landmark candidate group is one or more sets of screen element rectangles which become landmark candidates.

続いて、正解画面と比較画面とのペアごとに、ステップS130〜S160が実行される。以下、処理対象とされているペアを「対象ペア」という。   Subsequently, steps S130 to S160 are executed for each pair of the correct answer screen and the comparison screen. Hereinafter, the pair to be processed is referred to as a “target pair”.

ステップS130において、ランドマーク候補抽出部12は、対象ペアの正解画面(以下、「対象正解画面」という。)からランドマーク候補を抽出する
続いて、テスト対象領域指定部13は、対象正解画面から抽出されたランドマーク矩形に基づいて、テスト対象領域の指定をユーザから受け付ける(S140)。テスト対象領域とは、対象ペアにおいて比較対象とされる領域をいう。
In step S130, the landmark candidate extraction unit 12 extracts a landmark candidate from the correct answer screen of the target pair (hereinafter referred to as "target correct screen"). Subsequently, the test target area designation unit 13 extracts the landmark candidate from the target correct screen. Specification of the test target area is received from the user based on the extracted landmark rectangle (S140). The test target area is an area to be compared in the target pair.

続いて、画面差異検出部14は、対象ペアに係る正解画面と比較画面とについて、テスト対象領域における差異を全て検出(抽出)する(S150)。すなわち、対象ペアに関する画面差異リストが生成され、当該画面差異リストが結果レポートに追加される。   Subsequently, the screen difference detection unit 14 detects (extracts) all the differences in the test target area for the correct screen and the comparison screen related to the target pair (S150). That is, a screen difference list regarding the target pair is generated, and the screen difference list is added to the result report.

続いて、画面差異検出部14は、対象ペアに係る正解画面及び比較画面を結果レポートへ追加する(S160)。   Subsequently, the screen difference detection unit 14 adds the correct answer screen and the comparison screen related to the target pair to the result report (S160).

ステップS130〜S160が全てのペアについて実行されると、レポート出力部15は、結果レポートの内容を出力する(S170)。   When steps S130 to S160 are executed for all the pairs, the report output unit 15 outputs the content of the result report (S170).

続いて、ステップS130の詳細について説明する。図7は、ランドマーク候補の抽出処理の処理手順の一例を説明するためのフローチャートである。   Subsequently, the details of step S130 will be described. FIG. 7 is a flowchart for explaining an example of a processing procedure of landmark candidate extraction processing.

ステップS210において、ランドマーク候補抽出部12は、対象正解画面に対してテスト対象領域情報が既に設定されているか否かを判定する。対象正解画面に対してテスト対象領域情報が既に設定されている場合(S210でYes)、当該処理手順は終了する。例えば、1つの正解画面に対して、比較画面が3つである場合、3つのペアが生成されるが、2つ目以降のペアについて、ステップS320以降が実行されるのは処理効率が良くない。ステップS310における分岐は、正解画面を同じくする2つ目以降のペアについての重複処理を回避するためのものである。   In step S210, the landmark candidate extraction unit 12 determines whether test target area information has already been set in the target correct screen. If the test target area information has already been set for the target correct screen (Yes in S210), the processing procedure ends. For example, when there are three comparison screens for one correct answer screen, three pairs are generated, but it is not efficient to execute step S320 or later for the second and subsequent pairs. . The branch in step S310 is to avoid duplicate processing for the second and subsequent pairs having the same correct answer screen.

対象正解画面に対してテスト対象領域情報が設定されていない場合(S210でNo)、ランドマーク候補抽出部12は、対象正解画面から、全ての画面要素矩形を抽出して、画面要素矩形リストを得る(S220)。なお、画面要素矩形の抽出は、公知技術を組み合わせることで実現可能である。例えば、画像に対して、グレースケール化、Canny処理、膨張処理、輪郭抽出、矩形変換(輪郭の外接矩形を求め、そこから矩形を抽出)といった手順を実行することで、画面要素矩形が抽出されてもよい。なお、画面要素矩形は、当該矩形領域の左上座標(整数2次元座標点)及び当該矩形領域の右下座標(整数2次元座標点)によって表現される情報である。   When the test target area information is not set in the target correct answer screen (No in S210), the landmark candidate extraction unit 12 extracts all screen element rectangles from the target correct answer screen, and displays the screen element rectangle list. Obtained (S220). The extraction of screen element rectangles can be realized by combining known techniques. For example, screen element rectangles are extracted by executing a procedure such as grayscale processing, Canny processing, dilation processing, contour extraction, and rectangle conversion (extracting circumscribed rectangles of contours and extracting rectangles therefrom) on the image. May be The screen element rectangle is information represented by the upper left coordinates (integer two-dimensional coordinate points) of the rectangular area and the lower right coordinates (integer two-dimensional coordinate points) of the rectangular area.

続いて、ランドマーク候補抽出部12は、画面要素矩形リストにおいて相互に画像が重複している画面要素矩形を画面要素矩形リストから除去する(S230)。例えば、画面要素矩形リストにおいて、画面要素矩形aと画面要素矩形bとの画像が重複している場合、画面要素矩形a及び画面要素矩形bの双方が、画面要素矩形リストから除去される。他の画面要素矩形と画像が重複している画面要素矩形は、一意性がなく、ランドマーク矩形になりえないためである。画像が重複しているとは、画像が完全に一致することをいう。例えば、同じアイコンが複数配列されているWebページの画面において、これらのそれぞれのアイコンに係る画面要素矩形は重複する。   Subsequently, the landmark candidate extraction unit 12 removes screen element rectangles in which images overlap each other in the screen element rectangle list from the screen element rectangle list (S230). For example, in the screen element rectangle list, when the image of the screen element rectangle a and the screen element rectangle b overlap, both the screen element rectangle a and the screen element rectangle b are removed from the screen element rectangle list. This is because screen element rectangles whose images overlap with other screen element rectangles are not unique and can not be landmark rectangles. The image overlap means that the images completely match. For example, in the screen of a web page in which a plurality of the same icons are arranged, screen element rectangles related to the respective icons overlap.

なお、重複なく一意に特定できる画面要素矩形が正解画面からランドマーク候補として抽出されることで、図5のステップS140ではユーザがその中からランドマーク候補を選びテスト対象領域を指定することができ、そのことによって図5のステップS150においは正解画面、比較画面においてテスト対象領域(又は除外する領域)を一意に決定することが容易となる。   Note that the screen element rectangle that can be uniquely identified without duplication is extracted as a landmark candidate from the correct answer screen, so that the user can select a landmark candidate from among them and specify a test target area in step S140 of FIG. As a result, in step S150 of FIG. 5, it is easy to uniquely determine the test target area (or the area to be excluded) on the correct screen and the comparison screen.

続いて、ランドマーク候補抽出部12は、重複が除去された画面要素矩形リストを、ランドマーク候補群として対象正解画面に設定する(S240)。   Subsequently, the landmark candidate extraction unit 12 sets the screen element rectangle list from which the duplication is removed as the landmark candidate group on the target correct screen (S240).

続いて、図5のステップS140の詳細について説明する。図8は、テスト対象領域の指定処理の処理手順の一例を説明するためのフローチャートである。   Subsequently, the details of step S140 in FIG. 5 will be described. FIG. 8 is a flowchart for explaining an example of the processing procedure of the test target area designation process.

ステップS310において、テスト対象領域指定部13は、対象正解画面に対してテスト対象領域情報が既に設定されているか否かを判定する。当該判定の趣旨は、ステップS210と同じである。対象正解画面に対してテスト対象領域情報が設定されていない場合(S310でNo)、テスト対象領域指定部13は、対象正解画面に設定されているランドマーク候補群を取得する(S320)。   In step S310, the test target area specification unit 13 determines whether test target area information has already been set on the target correct screen. The purport of the said determination is the same as step S210. When the test target area information is not set in the target correct answer screen (No in S310), the test target area designation unit 13 acquires a landmark candidate group set in the target correct answer screen (S320).

続いて、テスト対象領域指定部13は、空のテスト対象領域情報を作成し、当該テスト対象領域情報を対象正解画面に設定する(S330)。   Subsequently, the test target area designation unit 13 creates empty test target area information, and sets the test target area information on the target correct answer screen (S330).

図9は、テスト対象領域情報のデータ構造の一例を示す図である。図9では、テスト対象領域情報のデータ構造の一例(構成例)が、BNFによって記述されている。   FIG. 9 is a diagram showing an example of a data structure of test target area information. In FIG. 9, an example (configuration example) of a data structure of test target area information is described by BNF.

図9に示されるように、テスト対象領域情報は、領域除外種別と指定領域情報群とを含む情報である。領域除外種別とは、指定領域情報群によって特定される指定領域が、テスト対象から除外される領域であるのか、テスト対象とされる領域であるのかを区別する情報をいい、「指定された領域を除外」又は「指定されていない領域を除外」の値をとりうる。   As shown in FIG. 9, the test target area information is information including an area exclusion type and a designated area information group. The area exclusion type is information that distinguishes whether the specified area specified by the specified area information group is an area excluded from the test object or an area to be tested, “specified area It can take the value of "excludes" or "excludes non-specified area".

指定領域情報群は、0以上の指定領域情報である。1つの指定領域情報は、1つの指定領域を示す情報であり、1以上の指定領域特定情報の集合によって表現される。1つの指定領域特定情報は、1つのランドマーク矩形と、1つの指定領域の向きとの組である。すなわち、指定領域情報は、ランドマーク矩形及び指定領域の向きの組み合わせによって1つの指定領域を特定する情報である。指定領域の向きは、図4において説明したように、左上、上、右上、右、右下、下、左下、左の1以上の組み合わせである。   The designated area information group is 0 or more designated area information. One piece of designated area information is information indicating one designated area, and is represented by a set of one or more pieces of designated area specifying information. One piece of specified area specifying information is a set of one landmark rectangle and the direction of one specified area. That is, the designated area information is information for specifying one designated area by a combination of the landmark rectangle and the direction of the designated area. The direction of the designated area is one or more combinations of upper left, upper, upper right, right, lower right, lower, lower left, and left as described in FIG. 4.

続いて、テスト対象領域指定部13は、領域除外種別の入力をユーザから受け付ける(S340)。テスト対象領域指定部13は、受け付けた領域除外種別を、テスト対象領域情報に設定する。なお、領域除外種別は、予め設定され、補助記憶装置102に記憶されていてもよい。領域除外種別の指定が可能とされることにより、柔軟にテスト対象領域を設定することが可能となる。すなわち、テスト対象領域の指定方法のバリエーションを増加させることができる。   Subsequently, the test target area designation unit 13 receives an input of the area exclusion type from the user (S340). The test target area specification unit 13 sets the received area exclusion type in the test target area information. The area exclusion type may be preset and stored in the auxiliary storage device 102. By specifying the area exclusion type, it is possible to flexibly set the test target area. That is, the variation of the method of specifying the test target area can be increased.

続いて、テスト対象領域指定部13は、対象正解画面に設定されているランドマーク候補群をユーザに提示する(S350)。例えば、対象正解画面において、各ランドマーク候補の範囲がハイライト表示された画像が表示装置106に表示されてもよい。   Subsequently, the test target area designation unit 13 presents the user with the landmark candidate group set on the target correct screen (S350). For example, in the target correct answer screen, an image in which the range of each landmark candidate is highlighted may be displayed on the display device 106.

続く、ステップS360〜S400のループ処理は、ユーザが指定領域として指定しようとする領域ごとに実行される。したがって、当該ループ処理は、ユーザの任意によって終了する。以下、処理対象とされている指定領域を「対象指定領域」という。   Subsequently, the loop process of steps S360 to S400 is performed for each area that the user intends to specify as the specified area. Therefore, the loop processing ends at the discretion of the user. Hereinafter, the designated area to be processed is referred to as a “target designated area”.

ステップS360において、テスト対象領域指定部13は、対象指定領域に対する指定領域情報を作成する。   In step S360, the test target area designation unit 13 creates designated area information for the target designation area.

続く、ステップS370〜S390は、対象指定領域を特定するためにユーザが指定しようとする指定領域特定情報ごとのループ処理である。当該ループ処理は、ステップS350において提示されたランドマーク候補群のうち、ユーザによってランドマーク矩形として選択されるランドマーク候補ごとのループ処理であるともいえる。   Subsequently, steps S370 to S390 are loop processing for each of the designated area specifying information that the user intends to designate in order to specify the target designating area. The loop process can also be said to be a loop process for each landmark candidate selected as a landmark rectangle by the user among the landmark candidates presented in step S350.

ステップS370において、テスト対象領域指定部13は、ランドマーク候補群の中からランドマーク矩形とするランドマーク候補の選択をユーザから受け付ける。当該選択に応じ、テスト対象領域指定部13は、新規の指定領域特定情報を作成し、選択されたランドマーク矩形(以下、「対象ランドマーク矩形」という。)を当該指定領域特定情報(以下、「対象指定領域特定情報」という。)に設定する。なお、指定領域特定情報は、上述したように、ランドマーク矩形と指定領域の向きとの組である。この時点において、新規の指定領域特定情報の指定領域の向きは、不定である。   In step S370, the test target area designation unit 13 receives, from the user, the selection of a landmark candidate to be a landmark rectangle from the landmark candidate group. In response to the selection, the test target area specification unit 13 creates new specified area specification information, and the selected landmark rectangle (hereinafter referred to as “target landmark rectangle”) is the specified area specification information (hereinafter referred to as Set as "target specified area specification information". The designated area specifying information is, as described above, a set of the landmark rectangle and the direction of the designated area. At this time, the direction of the designated area of the new designated area identification information is undefined.

続いて、テスト対象領域指定部13は、対象ランドマーク矩形に対する指定領域の向きの選択をユーザから受け付ける(S380)。例えば、図4において説明したように、対象ランドマークに対する指定領域の向きがユーザによって選択される。テスト対象領域指定部13は、選択された指定領域の向きを、対象指定領域特定情報に設定する。   Subsequently, the test target area designation unit 13 receives, from the user, selection of the direction of the designated area with respect to the target landmark rectangle (S380). For example, as described in FIG. 4, the orientation of the designated area with respect to the target landmark is selected by the user. The test target area designation unit 13 sets the direction of the selected designated area in the target designated area specification information.

続いて、テスト対象領域指定部13は、対象指定領域特定情報を、対象指定領域に対応する指定領域情報(ステップS360において作成された指定領域情報)に追加する(S390)。   Subsequently, the test target area specification unit 13 adds the target specification area specification information to the specification area information (the specification area information created in step S360) corresponding to the target specification area (S390).

対象指定領域を特定するための指定領域特定情報の入力の終了がユーザによって指示されると、対象指定領域に関してステップS370〜S390のループ処理は終了する。   When the user instructs to end the input of the specified area specifying information for specifying the target specified area, the loop process of steps S370 to S390 ends with respect to the target specified area.

続いて、テスト対象領域指定部13は、対象指定領域に対応する指定領域情報を、テスト対象指定領域情報の指定領域情報群に追加する(S400)。   Subsequently, the test target area designation unit 13 adds designated area information corresponding to the target designated area to the designated area information group of the test target designated area information (S400).

ステップS360〜S400は、ユーザによって指定領域の指定の終了が指示されるまで繰り返し実行される。   Steps S360 to S400 are repeatedly executed until the end of the designation of the designated area is instructed by the user.

続いて、図5のステップS150の詳細について説明する。図10は、テスト対象領域における差異の検出処理の処理手順の一例を説明するためのフローチャートである。   Subsequently, details of step S150 in FIG. 5 will be described. FIG. 10 is a flowchart for explaining an example of the processing procedure of the process of detecting the difference in the test target area.

ステップS410において、画面差異検出部14は、対象正解画面から画面要素矩形を抽出する。当該画面要素矩形の抽出は、図7のステップS220と同じ方法に基づいて行われてよい。その結果、正解画面における画面要素矩形リストが得られる。   In step S410, the screen difference detection unit 14 extracts screen element rectangles from the target correct screen. The extraction of the screen element rectangle may be performed based on the same method as step S220 of FIG. As a result, a screen element rectangle list on the correct screen is obtained.

続いて、画面差異検出部14は、当該画面要素矩形リストの中から、テスト対象領域外の画面要素矩形を除去する(S420)。これにより、テスト対象として確認する必要のある差異のみを抽出することが可能となる。   Subsequently, the screen difference detection unit 14 removes screen element rectangles outside the test target area from the screen element rectangle list (S420). This makes it possible to extract only the differences that need to be confirmed as test objects.

続いて、画面差異検出部14は、対象ペアに係る比較画面について、ステップS410及びS420を実行する(S430)。   Subsequently, the screen difference detection unit 14 executes steps S410 and S420 for the comparison screen related to the target pair (S430).

続いて、画面差異検出部14は、対象ペアに係る正解画面及び比較画面について、テスト対象領域のみの差異を検出する(S440)。具体的には、画面差異検出部14は、正解画面、比較画面のそれぞれの画面要素矩形リスト(テスト対象領域外の画面要素矩形が除外された画面要素矩形リスト)に含まれる画面要素矩形のみを対象として比較することで、当該正解画面及び当該比較画面における差異を検出(抽出)する。斯かる差異の検出(抽出)には、例えば、非特許文献2に開示された技術等、公知の技術を用いることができる。検出された差異のリストである画面差異リストは、結果レポートに設定される。   Subsequently, the screen difference detection unit 14 detects a difference in only the test target area on the correct screen and the comparison screen related to the target pair (S440). Specifically, the screen difference detection unit 14 selects only the screen element rectangles included in the screen element rectangle list (the screen element rectangle list from which the screen element rectangle outside the test target area is excluded) of each of the correct screen and the comparison screen. By comparing as a target, the difference between the correct answer screen and the comparison screen is detected (extracted). For detection (extraction) of such a difference, for example, known techniques such as the technique disclosed in Non-Patent Document 2 can be used. A screen difference list, which is a list of detected differences, is set in the result report.

続いて、図10のステップS420の詳細について説明する。図11は、テスト対象領域外の画面要素矩形の除去処理の処理手順の一例を説明するためのフローチャートである。なお、図11の処理手順が呼び出される時点において処理対象とされている画面(正解画面又は比較画面)を「対象画面」という。   Subsequently, details of step S420 in FIG. 10 will be described. FIG. 11 is a flowchart for explaining an example of the processing procedure of the process of removing screen element rectangles outside the test target area. The screen (correct screen or comparison screen) to be processed at the time when the processing procedure of FIG. 11 is called is referred to as a “target screen”.

ステップS510〜S540は、対象画面の画面要素矩形リストに含まれている画面要素矩形ごとに、対象正解画面に設定されているテスト対象領域情報に含まれている指定領域情報の指定領域情報群に含まれている各指定領域情報について実行される。以下処理対象の画面要素矩形を「対象矩形」といい、処理対象の指定領域情報を、「対象指定領域情報」という。   In steps S510 to S540, for each of the screen element rectangles included in the screen element rectangle list of the target screen, the designated area information group of the designated area information included in the test target area information set in the target correct screen is displayed. It is executed for each included specified area information. Hereinafter, the screen element rectangle to be processed is referred to as a “target rectangle”, and the designated area information to be processed is referred to as “target designated area information”.

また、ステップS510は、対象指定領域情報に含まれる各指定領域特定情報のランドマーク矩形ごとに実行される。以下、ステップS510において処理対象とされているランドマーク矩形を、「対象ランドマーク矩形」という。   Step S510 is executed for each landmark rectangle of each of the designated area specifying information included in the target specifying area information. Hereinafter, the landmark rectangle to be processed in step S510 is referred to as a “target landmark rectangle”.

ステップS510において、画面差異検出部14は、対象画面において対象ランドマーク矩形に一致する画面要素矩形を特定する。対象ランドマーク矩形に一致する画面要素矩形は、例えば、テンプレートマッチング等により検索して得ることができる。なお、ここで特定された矩形を、「実ランドマーク矩形」という。   In step S510, the screen difference detection unit 14 specifies a screen element rectangle that matches the target landmark rectangle on the target screen. The screen element rectangle that matches the target landmark rectangle can be obtained by searching, for example, by template matching. The rectangle specified here is referred to as "real landmark rectangle".

全てのランドマーク矩形について対象画面における実ランドマーク矩形が特定されると、画面差異検出部14は、テスト対象領域情報に含まれている領域除外種別によって処理を分岐させる(S520)。当該領域除外種別が「指定された領域を除外」である場合、画面差異検出部14は、対象矩形が、指定領域に含まれれば、対象矩形を対象画面の画面要素矩形リストから除去する(S530)。なお、指定領域は、対象指定領域情報の各指定領域特定情報のランドマーク矩形が、当該ランドマーク矩形についてステップS510において特定された実ランドマーク矩形によって置換されることにより特定される領域をいう。すなわち、対象指定領域情報の各指定領域特定情報のランドマーク矩形がそれぞれに対応する実ランドマーク矩形によって置換された状態において、実ランドマーク矩形ごとに当該実ランドマーク矩形に対応する指定領域の向きに係る領域が特定される。対象指定領域情報の全ての指定領域特定情報について特定された領域が重複する(重なり合う)領域が、指定領域である。例えば、図4の下の段の(1)、(2)、(3)が、対象指定領域情報に含まれる各指定領域特定情報である場合、(1)、(2)、(3)のそれぞれの網かけ部分の重複領域が、指定領域である。   When the actual landmark rectangles in the target screen are specified for all the landmark rectangles, the screen difference detection unit 14 branches the process according to the area exclusion type included in the test target area information (S520). If the area exclusion type is "excluded the specified area", the screen difference detection unit 14 removes the target rectangle from the screen element rectangle list of the target screen if the target rectangle is included in the specified area (S530). ). The designated area is an area identified by replacing the landmark rectangles of the designated area identification information of the target designating area information with the actual landmark rectangles identified in step S510 for the landmark rectangles. That is, in a state in which the landmark rectangles of each designation area specification information of the target designation area information are replaced by the corresponding real landmark rectangles, the direction of the designation area corresponding to the real landmark rectangle for each real landmark rectangle. The area pertaining to An area where the areas specified for all the specified area specifying information of the target specified area information overlap (overlaps) is the specified area. For example, if (1), (2), and (3) in the lower row of FIG. 4 are the respective designated area identification information included in the target designation area information, then (1), (2), and (3) The overlapping area of each shaded portion is a designated area.

一方、当該領域除外種別が「指定されていない領域を除外」である場合、画面差異検出部14は、対象矩形が当該指定領域に含まれていなければ、対象矩形を対象画面の画面要素矩形リストから除去する(S540)。   On the other hand, when the area exclusion type is “exclude the area not designated”, the screen difference detection unit 14 displays the target rectangle as the screen element rectangle list of the target screen if the target rectangle is not included in the specified area. It removes from (S540).

なお、上記においては、重複しない画面要素矩形がランドマーク候補(ランドマーク矩形)とされる例について説明したが、同じ画像に係る画面要素矩形がランドマーク矩形とされてもよい。すなわち、図7のステップS230が実行されないようにしてもよい。この場合、画面要素矩形の相対的な位置関係に基づいて、それぞれの一意性が確保されるようにしてもよい。例えば、同じ画像に係る3つの画面要素矩形が正解画面から抽出された場合において、これらの配置位置において上下関係が明確であれば、3つの画面要素矩形(ランドマーク矩形)について、上、中、下の識別情報を付加する。比較画面からのランドマーク矩形に一致する画面要素矩形の抽出に際しては、これらの3つのランドマーク矩形の相対的な位置関係に基づいて、それぞれに対応する画面要素矩形が抽出されればよい。   In the above, an example in which non-overlapping screen element rectangles are set as landmark candidates (landmark rectangles) has been described, but screen element rectangles relating to the same image may be set as landmark rectangles. That is, step S230 of FIG. 7 may not be performed. In this case, each uniqueness may be ensured based on the relative positional relationship of the screen element rectangles. For example, in the case where three screen element rectangles related to the same image are extracted from the correct answer screen, if the upper and lower relationship is clear at these arrangement positions, upper, middle, and lower for three screen element rectangles (landmark rectangles) Add the following identification information. When extracting screen element rectangles that match the landmark rectangles from the comparison screen, screen element rectangles corresponding to each may be extracted based on the relative positional relationship between these three landmark rectangles.

上述したように、本実施の形態によれば、除外対象とされる領域又はテスト対象とされる領域である指定領域が、ランドマーク矩形を基準とした相対的な位置関係により表現される。したがって、画面を表示するたびにその内容が変わってしまうような動的変化領域の大きさや位置に変更があった場合でも、ランドマーク矩形との相対的な位置関係が保たれていれば適切に動的変化領域を特定することができる。その結果、画面の一部の領域を比較対象から適切に除去可能とすることができる。   As described above, according to the present embodiment, the designated area which is the area to be excluded or the area to be tested is expressed by the relative positional relationship based on the landmark rectangle. Therefore, even if the size or position of the dynamic change area changes so that the contents change each time the screen is displayed, it moves appropriately if the relative positional relationship with the landmark rectangle is maintained. Dynamic change area can be identified. As a result, a partial area of the screen can be appropriately removed from the comparison target.

図12及び図13は、本実施の形態の効果の一例を具体的に説明するための図である。図12では、「★広告」の領域を指定領域とするために、テスト対象領域情報d1が生成された例が示されている。   12 and 13 are diagrams for specifically describing an example of the effect of the present embodiment. FIG. 12 illustrates an example in which the test target area information d1 is generated in order to set the area of “★ ad” as the specified area.

この場合、図13(1)に示されるように、「★広告」の領域の大きさが変化した比較画面g110においても、テスト対象領域情報d1に基づいて、指定領域である「★広告」の領域を精度良く特定することができる。   In this case, as shown in FIG. 13 (1), even on the comparison screen g110 in which the size of the area of “★ ad” has changed, based on the test target area information d1, The area can be identified with high accuracy.

また、図13(2)に示されるように、「★広告」の位置がずれた比較画面g120においても、テスト対象領域情報d1に基づいて、指定領域である「★広告」の領域を精度良く特定することができる。   Further, as shown in FIG. 13 (2), even in the comparison screen g 120 in which the position of “★ ad” is shifted, the area of “★ ad” which is a designated area is accurately determined based on the test target area information d 1 It can be identified.

したがって、比較画面g110及び比較画面g120のいずれにおいても、例えば、「★広告」の領域を容易に比較対象から除外することができる。   Therefore, in any of the comparison screen g110 and the comparison screen g120, for example, the area of "★ advertisement" can be easily excluded from the comparison targets.

なお、本実施の形態において、テスト対象領域指定部13は、受付部の一例である。画面差異検出部14は、検出部の一例である。正解画面は、第1の表示結果を示す第1の画像の一例である。比較画面は、第2の表示結果を示す第2の画像の一例である。指定領域は、第1の領域及び第2の領域の一例である。ランドマーク矩形は、第1の画面要素矩形及び第2の画面要素矩形の一例である。   In the present embodiment, the test target area designation unit 13 is an example of a reception unit. The screen difference detection unit 14 is an example of a detection unit. The correct answer screen is an example of a first image showing the first display result. The comparison screen is an example of a second image showing a second display result. The designated area is an example of the first area and the second area. The landmark rectangle is an example of a first screen element rectangle and a second screen element rectangle.

以上、本発明の実施例について詳述したが、本発明は斯かる特定の実施形態に限定されるものではなく、特許請求の範囲に記載された本発明の要旨の範囲内において、種々の変形・変更が可能である。   Although the embodiments of the present invention have been described above in detail, the present invention is not limited to such specific embodiments, and various modifications may be made within the scope of the present invention as set forth in the claims.・ Change is possible.

10 画面差異検出装置
11 画像入力部
12 ランドマーク候補抽出部
13 テスト対象領域指定部
14 画面差異検出部
15 レポート出力部
100 ドライブ装置
101 記録媒体
102 補助記憶装置
103 メモリ装置
104 CPU
105 インタフェース装置
106 表示装置
107 入力装置
B バス
DESCRIPTION OF SYMBOLS 10 Screen difference detection apparatus 11 Image input part 12 Landmark candidate extraction part 13 Test object area designation part 14 Screen difference detection part 15 Report output part 100 Drive apparatus 101 Recording medium 102 Auxiliary storage apparatus 103 Memory apparatus 104 CPU
105 interface device 106 display device 107 input device B bus

Claims (4)

画面の第1の表示結果を示す第1の画像と前記画面の第2の表示結果を示す第2の画像との差異を検出する画面差異検出装置であって、
前記第1の画像における一部の領域である第1の領域を特定する情報として、前記第1の画像に含まれる複数の画面要素矩形のうちのいずれか1以上の第1の画面要素矩形ごとに、当該第1の画面要素矩形を基準とした相対的な位置関係の指定をユーザから受け付ける受付部と、
前記第2の画像において前記各第1の画面要素矩形に一致する各第2の画面要素矩形と、前記各第1の画面要素矩形ごとに指定された前記相対的な位置関係とに基づいて特定される第2の領域と、前記第1の画像における前記第1の領域とを、前記差異の検出対象又は検出対象外として、前記差異を検出する検出部と、
を有することを特徴とする画面差異検出装置。
A screen difference detection device for detecting a difference between a first image indicating a first display result of a screen and a second image indicating a second display result of the screen,
As information for specifying a first area which is a partial area in the first image, each one or more first screen element rectangles of a plurality of screen element rectangles included in the first image A reception unit for receiving from the user a specification of a relative positional relationship based on the first screen element rectangle;
Identification based on each second screen element rectangle that matches the first screen element rectangle in the second image and the relative positional relationship specified for each first screen element rectangle A detection unit that detects the difference by setting the second region to be detected and the first region in the first image as a detection target or non-detection target of the difference;
A screen difference detection apparatus characterized by having:
前記受付部は、1以上の前記第1の画面要素矩形ごとに当該第1の画面要素矩形を基準とした前記第1の領域の位置する方向の指定をユーザから受け付ける、
ことを特徴とする請求項1記載の画面差異検出装置。
The receiving unit receives, from the user, designation of a direction in which the first area is located with respect to the first screen element rectangle for each of the one or more first screen element rectangles.
The screen difference detection apparatus according to claim 1, wherein
前記受付部は、前記第1の画像に含まれる複数の画面要素矩形から画像として同一の画面要素矩形が除かれた画面要素矩形の中から前記第1の画面要素矩形の指定を受け付ける、
ことを特徴とする請求項1又は2記載の画面差異検出装置。
The receiving unit receives specification of the first screen element rectangle from among screen element rectangles obtained by removing the same screen element rectangle as an image from a plurality of screen element rectangles included in the first image.
The screen difference detection apparatus according to claim 1 or 2, characterized in that:
画面の第1の表示結果を示す第1の画像と前記画面の第2の表示結果を示す第2の画像との差異を検出する画面差異検出装置に、
前記第1の画像における一部の領域である第1の領域を特定する情報として、前記第1の画像に含まれる複数の画面要素矩形のうちのいずれか1以上の第1の画面要素矩形ごとに、当該第1の画面要素矩形を基準とした相対的な位置関係の指定をユーザから受け付ける受付手順と、
前記第2の画像において前記各第1の画面要素矩形に一致する各第2の画面要素矩形と、前記各第1の画面要素矩形ごとに指定された前記相対的な位置関係とに基づいて特定される第2の領域と、前記第1の画像における前記第1の領域とを、前記差異の検出対象又は検出対象外として、前記差異を検出する検出手順と、
を実行させることを特徴とするプログラム。
A screen difference detection device for detecting a difference between a first image showing a first display result of a screen and a second image showing a second display result of the screen,
As information for specifying a first area which is a partial area in the first image, each one or more first screen element rectangles of a plurality of screen element rectangles included in the first image A reception procedure for receiving from the user a specification of a relative positional relationship based on the first screen element rectangle;
Identification based on each second screen element rectangle that matches the first screen element rectangle in the second image and the relative positional relationship specified for each first screen element rectangle A detection step of detecting the difference by setting the second region to be detected and the first region in the first image as a detection target or non-detection target of the difference;
A program characterized by causing
JP2017055707A 2017-03-22 2017-03-22 Screen difference detection device and program Active JP6543649B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2017055707A JP6543649B2 (en) 2017-03-22 2017-03-22 Screen difference detection device and program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2017055707A JP6543649B2 (en) 2017-03-22 2017-03-22 Screen difference detection device and program

Publications (2)

Publication Number Publication Date
JP2018160003A JP2018160003A (en) 2018-10-11
JP6543649B2 true JP6543649B2 (en) 2019-07-10

Family

ID=63795598

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2017055707A Active JP6543649B2 (en) 2017-03-22 2017-03-22 Screen difference detection device and program

Country Status (1)

Country Link
JP (1) JP6543649B2 (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6802320B2 (en) * 2019-05-16 2020-12-16 メタウォーター株式会社 Information processing system, information processing device, program, and information processing method
WO2021240824A1 (en) * 2020-05-29 2021-12-02 日本電信電話株式会社 Masking device, masking method, and masking program
CN113641587A (en) * 2021-08-26 2021-11-12 北京字跳网络技术有限公司 Operation interface test method, device, terminal and storage medium

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060111971A1 (en) * 2004-11-24 2006-05-25 Microsoft Corporation System and method for on-line and off-line advertising in content delivered to a display screen
JP2007025926A (en) * 2005-07-14 2007-02-01 Fujitsu Ltd Program and information processor
JP4842917B2 (en) * 2007-12-07 2011-12-21 富士通株式会社 Automatic processing program for subsequent processing, automatic processing device for subsequent processing, and automatic processing method for subsequent processing

Also Published As

Publication number Publication date
JP2018160003A (en) 2018-10-11

Similar Documents

Publication Publication Date Title
JP6543649B2 (en) Screen difference detection device and program
US20100211865A1 (en) Cross-browser page visualization generation
WO2016194889A1 (en) Information processing device, information processing method, and program
JP6455010B2 (en) Information processing apparatus, information processing method, and program
JP2019175335A (en) Simulation device
JP6476145B2 (en) Screen difference acceptance / rejection determination device, screen difference acceptance / rejection determination method, and program
JP2018116497A (en) Screen determination device and program
JP6476147B2 (en) Screen difference extraction apparatus, screen difference extraction method, and program
JP6608719B2 (en) Screen difference extraction apparatus, screen difference extraction method, and program
JP6476144B2 (en) Screen difference confirmation support device, screen difference confirmation support method, and program
JP6446945B2 (en) Incompatible detection device, incompatible detection method, and program
JP2019101889A (en) Test execution device and program
WO2019225366A1 (en) Screen discrimination device, screen discrimination method, and program
JP6619891B2 (en) Screen test apparatus and screen test program
JP6476146B2 (en) Screen difference evaluation device, screen difference evaluation method, and program
JP6718473B2 (en) Screen difference extraction device and program
US20120162246A1 (en) Method and an apparatus for automatic capturing
JP6603178B2 (en) Display control system, display control method, and display control program
JP6805903B2 (en) Display difference detection programs, devices, and methods
JP2016009434A (en) Information code reading method and information code reading device
CN110456955B (en) Exposed clothing detection method, device, system, equipment and storage medium
US20220164523A1 (en) Resembling transition identifying apparatus, resembling transition identifying method and program
JP2019101819A (en) Difference image generation device and program
US20220206828A1 (en) Input value setting assisting apparatus, input value setting assisting method and program
JP2016018254A (en) Correction candidate determining device, correction candidate determining method, and program

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20180727

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20190306

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20190423

A521 Written amendment

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20190515

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20190611

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20190617

R150 Certificate of patent or registration of utility model

Ref document number: 6543649

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150