JP2013054693A - Regression test support program and regression test support device - Google Patents

Regression test support program and regression test support device Download PDF

Info

Publication number
JP2013054693A
JP2013054693A JP2011194245A JP2011194245A JP2013054693A JP 2013054693 A JP2013054693 A JP 2013054693A JP 2011194245 A JP2011194245 A JP 2011194245A JP 2011194245 A JP2011194245 A JP 2011194245A JP 2013054693 A JP2013054693 A JP 2013054693A
Authority
JP
Japan
Prior art keywords
screen
comparison data
browser
data
display
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.)
Granted
Application number
JP2011194245A
Other languages
Japanese (ja)
Other versions
JP5747751B2 (en
Inventor
Kotaro Matsuo
晃太郎 松尾
Hisashi Komine
恒 小峰
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.)
Fujitsu Ltd
Original Assignee
Fujitsu Ltd
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 Fujitsu Ltd filed Critical Fujitsu Ltd
Priority to JP2011194245A priority Critical patent/JP5747751B2/en
Publication of JP2013054693A publication Critical patent/JP2013054693A/en
Application granted granted Critical
Publication of JP5747751B2 publication Critical patent/JP5747751B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Abstract

PROBLEM TO BE SOLVED: To easily find data subject to editing from data used as expectation values in a regression test.SOLUTION: The regression test support program: detects an update of a display content of any one of one or more browser screens displayed on a display; whenever the update is detected, records in a first storage part, data including information representing display contents of all the browser screens that are displayed and identification information of the browser screens related to the update; and, in response to a command to edit the data, refers to the first storage part, and causes a computer to execute a process for displaying a list of an image representing the display content of the browser screen related to the identification information.

Description

本発明は、リグレッションテスト支援プログラム及びリグレッションテスト支援装置に関する。   The present invention relates to a regression test support program and a regression test support apparatus.

リグレッションテストとは、プログラムを変更した場合に、その変更によって予想外の影響、即ち、変更対象としたプログラム以外のプログラムに関る機能に予期しない変化が発生していないか否かを確認するテストをいう。Webページをインタフェースとしてサービスを提供するWebアプリケーションに関しても、リグレッションテストが行われる。Webアプリケーションのリグレッションテストは、Webアプリケーションの変更後において、Webページの遷移順や各Webページの表示内容が、期待値を示すデータに一致するか否かが検査される。   Regression test is a test that checks whether a program change has an unexpected effect, that is, whether an unexpected change has occurred in the functions related to the program other than the program to be changed. Say. A regression test is also performed on a Web application that provides a service using a Web page as an interface. In the regression test of the Web application, it is checked whether the Web page transition order and the display content of each Web page match the data indicating the expected value after the Web application is changed.

特開2007−11532号公報JP 2007-11532 A 特開2001−13861号公報JP 2001-13861 A

期待値を示すデータの生成方法として、例えば、Webアプリケーションの変更前において、ユーザにWebページを操作させ、その操作に応じて表示されるWebページの表示情報を期待値として記録することが考えられる。この際、操作履歴も記録しておけば、Webアプリケーションの変更後のリグレッションテスト時には、操作履歴に基づいてWebページに対する操作を自動実行させることができる。当該自動実行時において、表示されるWebページの情報を記録しておく。自動実行時に記録された表示情報と、期待値として記録された表示情報とを比較することで、予想外の影響の有無を確認することができる。すなわち、比較によって検出された相違点の中に、予想外の影響が含まれている可能性が有る。   As a method for generating data indicating an expected value, for example, it is conceivable that a user operates a Web page before changing the Web application, and the display information of the Web page displayed according to the operation is recorded as the expected value. . At this time, if an operation history is also recorded, an operation on the Web page can be automatically executed based on the operation history at the time of a regression test after changing the Web application. At the time of the automatic execution, information on the displayed Web page is recorded. By comparing the display information recorded at the time of automatic execution with the display information recorded as an expected value, it is possible to confirm the presence or absence of an unexpected effect. That is, there is a possibility that an unexpected influence is included in the difference detected by the comparison.

但し、Webアプリケーションの変更前において記録された表示情報をそのまま期待値とした場合、予定されている影響までもが、相違点として検出されてしまう。そうすると、検出された相違点に関して、予想外の影響であるのか、予定されている影響であるのかの判断が必要とされる。   However, if the display information recorded before the change of the Web application is used as an expected value as it is, even the planned influence is detected as a difference. Then, it is necessary to determine whether the detected difference is an unexpected effect or a planned effect.

斯かる判断を不要とするため、期待値としての表示情報を編集しておくことが考えられる。例えば、期待値としての表示情報において、予定されている影響に係る箇所に対して、比較対象から除外するための編集が行われる。   In order to make such a determination unnecessary, it is conceivable to edit display information as an expected value. For example, in the display information as the expected value, editing for excluding the portion related to the planned influence from the comparison target is performed.

このような編集作業の必要性に鑑みると、期待値としての表示情報の記録時には、画面遷移が発生するたびに、Webアプリケーションに関連して表示されている全てのブラウザ画面の表示情報が記録されるのが望ましい。具体的には、メインのWebページを表示している親のブラウザ画面(親画面)と共に、当該Webページに対する操作に応じて表示されている子のブラウザ画面(子画面)が有れば、二つのブラウザ画面の表示情報が記録されるのが望ましい。子画面の表示中において、操作対象とされていない親画面に関して、新たな操作を操作履歴に追加し、リグレッションテスト時には、当該新たな操作を実行させたい場合が考えられるからである。   In view of the necessity of such editing work, when displaying display information as an expected value, display information of all browser screens displayed in association with the Web application is recorded every time a screen transition occurs. Is desirable. Specifically, if there is a parent browser screen (parent screen) displaying the main Web page and a child browser screen (child screen) displayed in response to an operation on the Web page, two It is desirable to record the display information of one browser screen. This is because there may be a case where a new operation is added to the operation history for the parent screen that is not the operation target while the child screen is being displayed, and the new operation is executed during the regression test.

しかし、表示されている全てのブラウザ画面の表示情報を記録する場合、編集対象とするブラウザ画面を見付けるのが煩雑になる可能性がある。   However, when recording display information of all displayed browser screens, it may be complicated to find a browser screen to be edited.

具体例として、次のような画面遷移を想定する。最初に会社案内を日本語で示すWebページが親画面に表示される(ステップ1)。当該Webページにおける言語選択のメニューに対する入力に応じて、子画面が表示され、当該子画面内に、日本語、英語、仏語を選択肢として含むWebページが表示される(ステップ2)。当該子画面において、選択肢の一つである「英語」が選択されると、子画面が閉じると共に、親画面には、会社案内を英語で示すWebページが表示される(ステップ3)。   As a specific example, the following screen transition is assumed. First, a web page showing company information in Japanese is displayed on the parent screen (step 1). A sub-screen is displayed in response to an input to the language selection menu on the Web page, and a Web page including Japanese, English, and French as options is displayed in the sub-screen (step 2). When “English”, which is one of the options, is selected on the sub-screen, the sub-screen is closed and a Web page showing company information in English is displayed on the main screen (step 3).

上記の例の場合、ステップ1において、親画面の表示情報がデータaとして記録される。ステップ2において、子画面の表示情報がデータbとして記録されると共に、親画面の表示情報がデータcとして記録される。ステップ3において、親画面の表示情報がデータdとして記録される。したがって、データa〜データdの4個のデータが記録される。この4個のデータが、期待値の元となるデータである。   In the case of the above example, in step 1, the display information of the parent screen is recorded as data a. In step 2, the display information of the child screen is recorded as data b, and the display information of the parent screen is recorded as data c. In step 3, the display information of the main screen is recorded as data d. Therefore, four pieces of data, data a to data d, are recorded. These four pieces of data are the data that is the basis of the expected value.

上記のような単純な具体例においても、4個ものデータが記録されるところ、実際の画面遷移はより複雑であり、記録されるデータ数も多数となる。したがって、編集作業のフェーズにおいて、期待値として記録されたデータの一覧の中から、影響が予定されているデータを探し出すのは煩雑な作業になる可能性が有る。   Even in the simple specific example as described above, when four pieces of data are recorded, the actual screen transition is more complicated, and the number of data to be recorded becomes large. Therefore, in the editing work phase, it may be a troublesome work to find data that is expected to be affected from a list of data recorded as expected values.

そこで、1側面では、リグレッションテストにおいて期待値として使用されるデータの中から編集対象とするデータを見付け易くすることのできるリグレッションテスト支援プログラム及びリグレッションテスト支援装置の提供を目的とする。   Therefore, an object of one aspect is to provide a regression test support program and a regression test support device that can easily find data to be edited from data used as expected values in a regression test.

一つの案では、リグレッションテスト支援プログラムは、ディプレイ上に表示されている一以上のブラウザ画面のいずれかの表示内容の更新を検知し、前記更新が検知されるたびに、表示されている全ての前記ブラウザ画面の表示内容を示す情報と、当該更新に係る前記ブラウザ画面の識別情報とを含むデータを第一の記憶部に記録し、前記データの編集指示に応じ、前記第一の記憶部を参照し、前記識別情報に係る前記ブラウザ画面の表示内容を示す画像の一覧を表示させる処理をコンピュータに実行させる。   In one plan, the regression test support program detects an update of the display content of any one or more browser screens displayed on the display, and every time the update is detected, The data including the information indicating the display content of the browser screen and the identification information of the browser screen related to the update is recorded in the first storage unit, and the first storage unit according to the data editing instruction And causing the computer to execute a process of displaying a list of images indicating the display contents of the browser screen related to the identification information.

一態様によれば、リグレッションテストにおいて期待値として使用されるデータの中から編集対象とするデータを見付け易くすることができる。   According to one aspect, it is possible to easily find data to be edited from data used as an expected value in a regression test.

本発明の実施の形態におけるテスト支援システムの構成例を示す図である。It is a figure which shows the structural example of the test assistance system in embodiment of this invention. 本発明の実施の形態におけるテスト支援装置のハードウェア構成例を示す図である。It is a figure which shows the hardware structural example of the test assistance apparatus in embodiment of this invention. 本発明の実施の形態におけるテスト支援装置の機能構成例を示す図である。It is a figure which shows the function structural example of the test assistance apparatus in embodiment of this invention. テスト支援装置が実行する処理手順の概要の一例を説明するためのフローチャートである。It is a flowchart for demonstrating an example of the outline | summary of the process sequence which a test assistance apparatus performs. 比較データ生成処理の処理手順の一例を説明するためのフローチャートである。It is a flowchart for demonstrating an example of the process sequence of a comparison data generation process. ページ情報の取得及び記録方法の一例を説明するための図である。It is a figure for demonstrating an example of the acquisition and recording method of page information. ブラウザ画面のスクリーンショットの取得方法の一例を説明するための図である。It is a figure for demonstrating an example of the acquisition method of the screen shot of a browser screen. 比較データの構成例を示す図である。It is a figure which shows the structural example of comparison data. 操作の記録方法の一例を説明するための図である。It is a figure for demonstrating an example of the recording method of operation. 比較データの記録内容を説明するためのブラウザ画面の遷移例を示す図である。It is a figure which shows the example of a transition of the browser screen for demonstrating the recording content of comparison data. 比較データ編集処理の処理手順の一例を説明するためのフローチャートである。It is a flowchart for demonstrating an example of the process sequence of a comparison data edit process. 比較データ編集画面の一例を示す図である。It is a figure which shows an example of a comparison data edit screen. ユーザの注目先の遷移例を説明するための図である。It is a figure for demonstrating the example of a transition of a user's attention destination. 操作履歴の編集を説明するためのブラウザ画面の遷移例を説明するための図である。It is a figure for demonstrating the example of a transition of the browser screen for demonstrating the edit of operation history. 検査データ生成処理の処理手順の一例を説明するためのフローチャートである。It is a flowchart for demonstrating an example of the process sequence of test | inspection data generation processing. 比較処理の処理手順の一例を説明するためのフローチャートである。It is a flowchart for demonstrating an example of the process sequence of a comparison process.

以下、図面に基づいて本発明の実施の形態を説明する。図1は、本発明の実施の形態におけるテスト支援システムの構成例を示す図である。同図のテスト支援システム1において、テスト支援装置10とWebサーバ装置20とは、LAN(Local Area Network)又はインターネット等のネットワークを介して通信可能とされている。   Hereinafter, embodiments of the present invention will be described with reference to the drawings. FIG. 1 is a diagram illustrating a configuration example of a test support system according to an embodiment of the present invention. In the test support system 1 in FIG. 1, the test support apparatus 10 and the Web server apparatus 20 can communicate with each other via a network such as a LAN (Local Area Network) or the Internet.

Webサーバ装置20は、Webサーバ機能及びWebアプリケーション等が実装されたコンピュータである。Webサーバ装置20は、ネットワークを介して受信される要求(HTTP(HyperText Transfer Protocol)リクエスト)に応じた処理をWebアプリケーションに実行させ、その実行結果を示すWebページを含む応答(HTTPレスポンス)を返信する。   The Web server device 20 is a computer on which a Web server function, a Web application, and the like are installed. The Web server device 20 causes the Web application to execute a process according to a request (HTTP (HyperText Transfer Protocol) request) received via the network, and returns a response (HTTP response) including a Web page indicating the execution result. To do.

テスト支援装置10は、Webサーバ装置20におけるWebアプリケーションに関するリグレッションテストの実施を支援するコンピュータである。リグレッションテストとは、プログラムを変更又は改変等(以下、「変更」で統一する。)した場合に、その変更によって予想外の影響が発生していないか否かを確認するテストをいう。したがって、テスト支援装置10は、Webアプリケーションの変更による予想外の影響の有無の確認作業を支援する。   The test support apparatus 10 is a computer that supports execution of a regression test related to a Web application in the Web server apparatus 20. The regression test is a test for checking whether or not an unexpected influence is caused by the change when the program is changed or modified (hereinafter referred to as “change”). Therefore, the test support apparatus 10 supports the confirmation work of whether there is an unexpected influence due to the change of the Web application.

図2は、本発明の実施の形態におけるテスト支援装置のハードウェア構成例を示す図である。図2のテスト支援装置10は、それぞれバスBで相互に接続されているドライブ装置100、補助記憶装置102、メモリ装置103、CPU104、インタフェース装置105、表示装置106、及び入力装置107等を有する。   FIG. 2 is a diagram illustrating a hardware configuration example of the test support apparatus according to the embodiment of the present invention. 2 includes 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, and the like, which are mutually connected by a bus B.

テスト支援装置10での処理を実現するプログラムは、記録媒体101によって提供される。プログラムを記録した記録媒体101がドライブ装置100にセットされると、プログラムが記録媒体101からドライブ装置100を介して補助記憶装置102にインストールされる。但し、プログラムのインストールは必ずしも記録媒体101より行う必要はなく、ネットワークを介して他のコンピュータよりダウンロードするようにしてもよい。補助記憶装置102は、インストールされたプログラムを格納すると共に、必要なファイルやデータ等を格納する。   A program for realizing processing in the test support apparatus 10 is provided by the recording medium 101. When the recording medium 101 on which the program is recorded is set in the drive device 100, the program is installed from the recording medium 101 to the auxiliary storage device 102 via the drive device 100. However, the program need not be installed 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 the program from the auxiliary storage device 102 and stores it when there is an instruction to start the program. The CPU 104 realizes functions related to the test support apparatus 10 according to 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 GUI (Graphical User Interface) or the like by a program. The input device 107 is a keyboard, a mouse, or the like, and is used for inputting various operation instructions.

なお、記録媒体101の一例としては、CD−ROM、DVDディスク、又はUSBメモリ等の可搬型の記録媒体が挙げられる。また、補助記憶装置102の一例としては、HDD(Hard Disk Drive)又はフラッシュメモリ等が挙げられる。記録媒体101及び補助記憶装置102のいずれについても、コンピュータ読み取り可能な記録媒体に相当する。   An example of the recording medium 101 is a portable recording medium such as a CD-ROM, a DVD disk, or a USB memory. An example of the auxiliary storage device 102 is an HDD (Hard Disk Drive) or a flash memory. Both the recording medium 101 and the auxiliary storage device 102 correspond to computer-readable recording media.

図3は、本発明の実施の形態におけるテスト支援装置の機能構成例を示す図である。同図において、テスト支援装置10は、ブラウザ画面表示部11、比較データ生成部12、編集部13、検査データ生成部14、及び比較部15等を有する。これら各部は、テスト支援装置10にインストールされたプログラムが、CPU104に実行させる処理により実現される。テスト支援装置10は、また、比較データ記憶部16及び検査データ記憶部17等を有する。これら各記憶部は、例えば、補助記憶装置102、又はテスト支援装置10とネットワークを介して接続される記憶装置等を用いて実現可能である。   FIG. 3 is a diagram illustrating a functional configuration example of the test support apparatus according to the embodiment of the present invention. In the figure, the test support apparatus 10 includes a browser screen display unit 11, a comparison data generation unit 12, an editing unit 13, an inspection data generation unit 14, a comparison unit 15, and the like. Each of these units is realized by processing executed by the CPU 104 by a program installed in the test support apparatus 10. The test support apparatus 10 also includes a comparison data storage unit 16, an inspection data storage unit 17, and the like. Each of these storage units can be realized by using, for example, a storage device connected to the auxiliary storage device 102 or the test support device 10 via a network.

ブラウザ画面表示部11は、いわゆるWebブラウザプログラムがCPU104に実行させる処理により実現される。ブラウザ画面表示部11は、一以上のブラウザ画面(Webブラウザのウィンドウ)を表示装置102(のディスプレイ)に表示させる。ブラウザ画面表示部11は、ブラウザ画面ごとに指定されたURL(Uniform Resource Locator)に対応するWebページをWebサーバ装置20よりダウンロードし、ブラウザ画面に表示させる。なお、本実施の形態において、Webページとは、例えば、HTML(HyperText Markup Language)ソースやHTMLソースから参照されている各種の画像データ等に基づいて表示される画面をいう。また、Webページのページ情報とは、当該HTMLソースやHTMLソースから参照されている各種の画像データ等の集合をいう。   The browser screen display unit 11 is realized by a process that the so-called Web browser program causes the CPU 104 to execute. The browser screen display unit 11 displays one or more browser screens (web browser windows) on the display device 102 (display thereof). The browser screen display unit 11 downloads a Web page corresponding to a URL (Uniform Resource Locator) designated for each browser screen from the Web server device 20 and displays it on the browser screen. In the present embodiment, the Web page refers to a screen displayed based on, for example, various image data referred to from an HTML (HyperText Markup Language) source or an HTML source. The page information of the Web page refers to a set of various image data or the like referenced from the HTML source or the HTML source.

比較データ生成部12は、リグレッションテストにおける期待値として、Webアプリケーションの変更後の検査時に得られるデータと比較されるデータ(以下、「比較データ」という。)を生成する。生成された比較データは、比較データ記憶部16に記録される。比較データは、変更前のWebアプリケーションによって生成されるWebページに関して生成される。   The comparison data generation unit 12 generates data (hereinafter referred to as “comparison data”) to be compared with data obtained at the time of inspection after the change of the Web application as an expected value in the regression test. The generated comparison data is recorded in the comparison data storage unit 16. The comparison data is generated with respect to the Web page generated by the Web application before change.

同図において、比較データ生成部12は、イベント検知部121、プロキシ部122、及び比較データ記録部123等を含む。イベント検知部121は、ブラウザ画面において発生する各種のイベントを検知する。イベントの一例としては、例えば、Webページの読み込みの開始又は終了や、Webページに対する操作等が挙げられる。プロキシ部122は、各ブラウザ画面と、Webアプリケーションとの間の通信内容を監視する。プロキシ部122は、当該通信内容を監視することにより、各ブラウザ画面に表示されるWebページのページ情報を取得する。比較データ記録部123は、イベント検知部121によって検知されるイベントや、プロキシ部122によって取得されるWebページの内容を比較データ記憶部16に記録する。   In the figure, the comparison data generation unit 12 includes an event detection unit 121, a proxy unit 122, a comparison data recording unit 123, and the like. The event detection unit 121 detects various events that occur on the browser screen. As an example of the event, for example, the start or end of reading a Web page, an operation on the Web page, and the like can be given. The proxy unit 122 monitors the communication content between each browser screen and the Web application. The proxy unit 122 acquires the page information of the Web page displayed on each browser screen by monitoring the communication content. The comparison data recording unit 123 records the event detected by the event detection unit 121 and the content of the Web page acquired by the proxy unit 122 in the comparison data storage unit 16.

編集部13は、比較データを編集させるための処理を実行する。すなわち、比較データは、変更前のWebアプリケーションに関して生成されるため、変更後のWebアプリケーションによって生成されるWebページとの比較対象としては、不適切な部分を含む。Webアプリケーションの変更によって、Webページの一部の変更が予定されている場合、編集部13は、ユーザによる指示に従って、当該一部の変更に応じた編集を比較データに対して行う。   The editing unit 13 executes processing for editing the comparison data. That is, since the comparison data is generated with respect to the Web application before the change, the comparison data includes an inappropriate part as a comparison target with the Web page generated by the Web application after the change. When a partial change of the Web page is scheduled due to the change of the Web application, the editing unit 13 performs editing according to the partial change on the comparison data in accordance with an instruction from the user.

検査データ生成部14は、変更後のWebアプリケーションによって生成されるWebページのページ情報を取得し、当該ページ情報を含むデータ(以下、「検査データ」という。)を、検査データ記憶部17に記録する。同図において、検査データ生成部14は、操作実行部141及び検査データ記録部142等を含む。操作実行部141は、比較データ記憶部16に記録されている比較データに含まれている操作履歴が示す操作をブラウザ画面表示部11が表示させているブラウザ画面に対して実行する。検査データ記録部142は、操作実行部141がブラウザ画に対して実行する操作に応じて検知されるイベントや、ブラウザ画面に表示されるWebページのページ情報等を検査データ記憶部17に記録する。   The inspection data generation unit 14 acquires page information of a Web page generated by the Web application after the change, and records data including the page information (hereinafter referred to as “inspection data”) in the inspection data storage unit 17. To do. In the figure, the inspection data generation unit 14 includes an operation execution unit 141, an inspection data recording unit 142, and the like. The operation execution unit 141 executes the operation indicated by the operation history included in the comparison data recorded in the comparison data storage unit 16 on the browser screen displayed by the browser screen display unit 11. The inspection data recording unit 142 records, in the inspection data storage unit 17, events detected in response to operations performed by the operation execution unit 141 on browser images, page information of Web pages displayed on the browser screen, and the like. .

比較部15は、比較データ記憶部16に記録された比較データと、検査データ記憶部17に記録された検査データとを比較し、比較結果を出力する。比較結果を参照することで、テスト実施者は、Webアプリケーションの変更による予期せぬ影響の有無を確認することができる。   The comparison unit 15 compares the comparison data recorded in the comparison data storage unit 16 with the inspection data recorded in the inspection data storage unit 17 and outputs a comparison result. By referring to the comparison result, the tester can check whether there is an unexpected influence due to the change of the Web application.

以下、テスト支援装置10が実行する処理手順について説明する。図4は、テスト支援装置が実行する処理手順の概要の一例を説明するためのフローチャートである。   Hereinafter, a processing procedure executed by the test support apparatus 10 will be described. FIG. 4 is a flowchart for explaining an example of an outline of a processing procedure executed by the test support apparatus.

ステップS101において、比較データ生成部12は、比較データ生成処理を実行する。比較データ生成処理では、比較データ生成部12によってブラウザ画面表示部11が起動される。比較データ生成部12は、ブラウザ画面表示部11が表示させるブラウザ画面に表示されるWebページのページ情報や、Webページに対するユーザによる操作の履歴等を、例えば、時系列に比較データ記憶部16に記録する。なお、Webページのページ情報は、ブラウザ画面表示部11からWebサーバ装置20に送信されるHTTPリクエストに応じてWebアプリケーションによって生成され、ブラウザ画面表示部11に返信されたものである。   In step S101, the comparison data generation unit 12 performs a comparison data generation process. In the comparison data generation process, the comparison data generation unit 12 activates the browser screen display unit 11. The comparison data generation unit 12 stores the page information of the web page displayed on the browser screen displayed by the browser screen display unit 11 and the history of user operations on the web page in the comparison data storage unit 16 in time series, for example. Record. The page information of the Web page is generated by the Web application in response to an HTTP request transmitted from the browser screen display unit 11 to the Web server device 20 and is returned to the browser screen display unit 11.

続いて、編集部13は、比較データ編集処理を実行する(S102)。編集部13は、比較データ編集画面を表示装置102に表示させ、比較データ編集画面において、比較データの編集指示を受け付ける。編集部13は、編集指示の内容を比較データに反映させる。   Subsequently, the editing unit 13 executes a comparison data editing process (S102). The editing unit 13 displays a comparison data editing screen on the display device 102, and receives an instruction to edit comparison data on the comparison data editing screen. The editing unit 13 reflects the contents of the editing instruction on the comparison data.

続いて、例えば、テスト実施者によって、Webサーバ装置20におけるWebアプリケーションが、変更後のものに更新(置換)される。すなわち、ステップS101及びS102は、変更前のWebアプリケーションに関して実行され、後述されるステップS103及びS104は、変更後のWebアプリケーションに関して実行される。   Subsequently, for example, the Web application in the Web server device 20 is updated (replaced) by the tester with the changed one. That is, Steps S101 and S102 are executed for the Web application before the change, and Steps S103 and S104 described later are executed for the Web application after the change.

ステップS103において、検査データ生成部14は、検査データ生成処理を実行する。検査データ生成処理において、検査データ生成部14は、比較データ記憶部16に記録されている操作履歴が示す各操作をブラウザ画面に対して実行する。検査データ生成部14は、当該操作の実行に応じてブラウザ画面に表示されるWebページのページ情報等を含む検査データを検査データ記憶部17に記録する。   In step S103, the inspection data generation unit 14 executes inspection data generation processing. In the inspection data generation process, the inspection data generation unit 14 performs each operation indicated by the operation history recorded in the comparison data storage unit 16 on the browser screen. The inspection data generation unit 14 records inspection data including page information of a web page displayed on the browser screen in accordance with execution of the operation in the inspection data storage unit 17.

なお、図4の各ステップは、同期的に実行されなくてもよい。すなわち、各ステップが、一連の処理として連続して実行されなくてもよい。   Note that the steps in FIG. 4 do not have to be executed synchronously. That is, each step may not be executed continuously as a series of processes.

続いて、ステップS101の詳細について説明する。図5は、比較データ生成処理の処理手順の一例を説明するためのフローチャートである。   Next, details of step S101 will be described. FIG. 5 is a flowchart for explaining an example of the processing procedure of the comparison data generation processing.

比較データ生成部12は、比較データの生成開始の指示入力に応じ、リグレッションテストの対象とされるWebアプリケーションに関するURLの入力をユーザより受け付ける(S201)。URLの入力は、例えば、比較データ生成部12が表示装置102に表示させるダイアログ等を介して行われる。但し、URLは、所定のファイルに予め記録されていてもよい。   The comparison data generation unit 12 receives an input of a URL related to a Web application to be subjected to a regression test from the user in response to an instruction input for starting generation of comparison data (S201). The URL is input through, for example, a dialog that the comparison data generation unit 12 displays on the display device 102. However, the URL may be recorded in advance in a predetermined file.

続いて、比較データ生成部12は、当該URLを指定してブラウザ画面表示部11を起動させる(S202)。なお、ブラウザ画面表示部11(Webブラウザ)は、比較データ生成部12のプロセス内において起動される。その結果、比較データ生成部12は、ブラウザ画面表示部11が提供するAPI(Application Program Interface)(以下、「ブラウザAPI」という。)を介して、ブラウザ画面表示部11が表示させる各ブラウザ画面をオブジェクトとして操作することができる。比較データ生成部12のイベント検知部121は、ブラウザAPIを介して、イベントハンドラを登録しておく。イベントハンドラとは、ブラウザ画面において発生したイベントの通知を受けるための関数をいう。   Subsequently, the comparison data generation unit 12 designates the URL and activates the browser screen display unit 11 (S202). The browser screen display unit 11 (Web browser) is activated in the process of the comparison data generation unit 12. As a result, the comparison data generation unit 12 displays each browser screen displayed by the browser screen display unit 11 via an API (Application Program Interface) (hereinafter referred to as “browser API”) provided by the browser screen display unit 11. Can be manipulated as an object. The event detection unit 121 of the comparison data generation unit 12 registers an event handler via the browser API. An event handler is a function for receiving notification of an event that has occurred on the browser screen.

続いて、比較データ生成部12の比較データ記録部123は、ブラウザ画面表示部11の起動に関する操作内容(Webブラウザの起動コマンド及び当該起動コマンドに指定されるURL等)を、ブラウザ画面に対する操作履歴として比較データ記憶部16に記録する(S203)。   Subsequently, the comparison data recording unit 123 of the comparison data generating unit 12 displays the operation content related to activation of the browser screen display unit 11 (such as a web browser activation command and a URL specified in the activation command) as an operation history for the browser screen. Is recorded in the comparison data storage unit 16 (S203).

一方、ブラウザ画面表示部11は、起動に応じ、一つのブラウザ画面(以下、「親画面」という。)を表示装置102に表示させ、指定されたURLに係るページ情報の読み込み(ダウンロード)を当該親画面に実行させる。親画面は、ページ情報の読み込みを開始する際、その旨を示すイベント(以下、「読み込み開始イベント」という。)を発生させる。比較データ生成部12のイベント検知部121は、イベントハンドラを介して、読み込み開始イベントを検知し、親画面が読み込みを開始したことを記憶しておく。   On the other hand, the browser screen display unit 11 displays one browser screen (hereinafter referred to as “parent screen”) on the display device 102 in response to the activation, and reads (downloads) the page information related to the designated URL. Let the parent screen execute. When starting to read page information, the parent screen generates an event indicating this (hereinafter referred to as “reading start event”). The event detection unit 121 of the comparison data generation unit 12 detects the reading start event via the event handler and stores that the parent screen has started reading.

親画面によるページ情報の読み込みが開始されると(S204でYes)、プロキシ部122は、読み込み処理(ダウンロード処理)における親画面とWebサーバ装置20との通信内容を監視し、Webサーバ装置20より返信されるページ情報を取得する。比較データ記録部123は、プロキシ部122によって取得されたページ情報を比較データ記憶部16に記録する(S205)。   When the reading of the page information by the parent screen is started (Yes in S204), the proxy unit 122 monitors the communication content between the parent screen and the Web server device 20 in the reading process (downloading process), and from the Web server device 20 Get page information to be replied. The comparison data recording unit 123 records the page information acquired by the proxy unit 122 in the comparison data storage unit 16 (S205).

ステップS205について更に詳しく説明する。図6は、ページ情報の取得及び記録方法の一例を説明するための図である。   Step S205 will be described in more detail. FIG. 6 is a diagram for explaining an example of a method for acquiring and recording page information.

同図に示されるように、プロキシ部122は、ブラウザ画面とWebサーバ装置20との通信を中継(仲介)することによって、当該通信内容を監視する(S205a、S205b)。プロキシ部122による通信の中継は、一般的なプロキシサーバと同様の仕組みで行われる。したがって、ブラウザ画面表示部11に対して、プロキシサーバのIPアドレス及びポート番号として、プロキシ部122のIPアドレス及びポート番号を設定しておけばよい。プロキシ部122は、通信内容を監視することにより取得されたページ情報を、比較データ記録部123に通知する(S205c)。比較データ記録部123は、通知されたページ情報を、比較データ記憶部16に記録する(S205d)。   As shown in the figure, the proxy unit 122 monitors the communication content by relaying (mediating) communication between the browser screen and the Web server device 20 (S205a, S205b). The relay of communication by the proxy unit 122 is performed by the same mechanism as that of a general proxy server. Therefore, the IP address and port number of the proxy unit 122 may be set as the IP address and port number of the proxy server for the browser screen display unit 11. The proxy unit 122 notifies the comparison data recording unit 123 of the page information acquired by monitoring the communication content (S205c). The comparison data recording unit 123 records the notified page information in the comparison data storage unit 16 (S205d).

なお、図6において、ブラウザ画面を示す矩形は、比較データ生成部12から見た場合、ブラウザ画面に対応するオブジェクトを示す。当該オブジェクトは、ブラウザ画面ごとに生成される。   In FIG. 6, a rectangle indicating the browser screen indicates an object corresponding to the browser screen when viewed from the comparison data generation unit 12. The object is generated for each browser screen.

親画面は、ページ情報の読み込みを終了すると、当該ページ情報に基づいてWebページを親画面内に表示させる。また、親画面は、ページ情報の読み込みの終了に応じ、読み込みの終了を示すイベント(以下、「読み込み終了イベント」という。)を発生させる。イベント検知部121は、イベントハンドラを介して、読み込み終了イベントを検知する。イベント検知部121は、読み込み開始イベントが検知された全てのブラウザ画面に関して読み込み終了イベントが検知されると、ページ情報の読み込み処理は完了したと判定する(S206でYes)。そこで、イベント検知部121は、読み込み処理が完了したことと共に、最後に読み込みイベントが検知されたブラウザ画面(以下、「代表画面」という。)の識別子を比較データ記録部123に通知する。   When the main screen finishes reading the page information, the main screen displays the web page in the main screen based on the page information. Also, the parent screen generates an event indicating the end of reading (hereinafter referred to as “reading end event”) in response to the end of reading page information. The event detection unit 121 detects a read end event via an event handler. When a reading end event is detected for all browser screens in which a reading start event is detected, the event detection unit 121 determines that the page information reading process has been completed (Yes in S206). Therefore, the event detection unit 121 notifies the comparison data recording unit 123 of the identifier of the browser screen (hereinafter referred to as “representative screen”) from which the reading event was last detected, along with the completion of the reading process.

すなわち、イベント検知部121は、比較データ記録部123に対する読み込み処理の完了の通知を、同一の操作に応じて読み込み開始イベントが検知された全てのブラウザ画面に関して読み込み終了イベントが検知されるまで待機する。イベント検知部121によるこのような振る舞いは、複数のブラウザ画面において並行してページ情報の読み込みが行われるケースを考慮したものである。例えば、親画面に表示されているWebページ上のリンクのクリックに応じて、新たなブラウザ画面(子画面)が表示され、当該子画面においてページ情報が読み込まれると共に、親画面においても新たなページ情報が読み込まれるようなケースである。   That is, the event detection unit 121 waits for notification of completion of the reading process to the comparison data recording unit 123 until a reading end event is detected for all browser screens in which a reading start event is detected according to the same operation. . Such behavior by the event detection unit 121 considers a case where page information is read in parallel on a plurality of browser screens. For example, when a link on a Web page displayed on the parent screen is clicked, a new browser screen (child screen) is displayed, and page information is read on the child screen, and a new page is also displayed on the parent screen. This is a case where information is read.

なお、ここでまでの説明では、一つのブラウザ画面(親画面)しか表示されていないため、親画面が代表画面となる。したがって、イベント検知部121は、親画面からの読み込み終了イベントの検知に応じて、読み込みの完了と共に親画面の識別子を比較データ記録部123に通知する。   In the description so far, only one browser screen (parent screen) is displayed, so the parent screen is the representative screen. Therefore, the event detection unit 121 notifies the comparison data recording unit 123 of the identifier of the parent screen together with the completion of reading in response to the detection of the reading end event from the parent screen.

比較データ記録部123は、当該通知に応じ、通知された識別子に係る代表画面(ここでは、親画面)のスクリーンショット(画像データ)を取得し、当該スクリーンショットを親画面の識別子に関連付けて比較データ記憶部16に記録する(S207)。   In response to the notification, the comparison data recording unit 123 acquires a screen shot (image data) of the representative screen (here, the main screen) related to the notified identifier, and compares the screen shot in association with the identifier of the parent screen. The data is recorded in the data storage unit 16 (S207).

ステップS207について更に詳しく説明する。図7は、ブラウザ画面のスクリーンショットの取得方法の一例を説明するための図である。   Step S207 will be described in more detail. FIG. 7 is a diagram for explaining an example of a method for acquiring a screen shot of the browser screen.

比較データ記録部123は、イベント検知部121より通知された識別子に対応するブラウザ画面より、ブラウザAPIを介してスクリーンショットを取得する(S207a)。比較データ記録部123は、取得されたスクリーンショットを、当該ブラウザ画面の識別子に関連付けて比較データ記憶部16に記録する(S207b)。   The comparison data recording unit 123 acquires a screen shot via the browser API from the browser screen corresponding to the identifier notified from the event detection unit 121 (S207a). The comparison data recording unit 123 records the acquired screen shot in the comparison data storage unit 16 in association with the identifier of the browser screen (S207b).

続いて、比較データ記録部123は、比較データの区切りを比較データ記憶部16に記録する(S208)。比較データの区切りとは、表示中のブラウザ画面のページ情報に変化の無い状態が継続した期間の区切りを示す情報である。換言すれば、比較データの区切りは、表示中のいずれかのブラウザ画面のページ情報が変化した場合に記録される。   Subsequently, the comparison data recording unit 123 records the division of the comparison data in the comparison data storage unit 16 (S208). The comparison data delimiter is information indicating a delimiter of a period during which the page information of the browser screen being displayed remains unchanged. In other words, the comparison data break is recorded when the page information of any browser screen being displayed changes.

なお、本実施の形態では、区切りによって比較データの単位が規定されることとする。すなわち、区切り間の記録内容を一つの比較データとして数える。比較データの記録の開始時から最初の区切りまでの間についても、便宜上、区切り間と呼ぶ。   In the present embodiment, the unit of the comparison data is defined by the delimiter. That is, the recorded content between the breaks is counted as one comparison data. For the sake of convenience, the interval between the start of recording the comparison data and the first interval is also referred to as an interval.

図8は、比較データの構成例を示す図である。同図では、最初の区切りp1までを比較データ1とし、2番目の区切りp2までを比較データ2として区別している。比較データ1は、親画面に関して記録される比較データである。すなわち、親画面のページ情報が読み込まれるまでの情報が記録された比較データである。比較データ2は、ステップS209以降において説明する処理によって記録される比較データである。   FIG. 8 is a diagram illustrating a configuration example of comparison data. In the figure, the first segment p1 is distinguished as comparison data 1, and the second segment p2 is distinguished as comparison data 2. Comparison data 1 is comparison data recorded for the parent screen. That is, it is comparison data in which information until the page information of the parent screen is read is recorded. The comparison data 2 is comparison data recorded by the process described in step S209 and subsequent steps.

一つの比較データ(区切り間の比較データ)は、操作履歴、ページ情報、及び代表画面スクリーンショット等を含む。操作履歴は、区切りが記録されるまでにWebページに対して行われた操作の履歴である。比較データ1における操作履歴には、ステップS203にいて記録される、Webブラウザの起動コマンド及び当該起動コマンドに指定されるURL等が含まれる。   One comparison data (comparison data between breaks) includes an operation history, page information, a representative screen screenshot, and the like. The operation history is a history of operations performed on the Web page until the break is recorded. The operation history in the comparison data 1 includes a Web browser activation command, a URL specified in the activation command, and the like recorded in step S203.

ページ情報は、上述したページ情報と同義であり、HTMLソース及び付属データ等、Webページの表示させるためのデータ一式を含む。付属データとは、画像データ等、HTMLソースより参照されているデータである。比較データ1のページ情報には、親画面に対するページ情報が含まれる。   The page information is synonymous with the page information described above, and includes a set of data for displaying a Web page such as an HTML source and attached data. The attached data is data referred to from an HTML source such as image data. The page information of the comparison data 1 includes page information for the parent screen.

代表画面スクリーンショットは、代表画面のスクリーンショット及び代表画面の識別子である。基本的に、代表画面のスクリーンショットは、区切りが記録される直前に取得され、記録される。したがって、一つの比較データに含まれる代表画面スクリーンショットは、一つである。比較データ1の代表画面スクリーンショットは、親画面のスクリーンショットである。   The representative screen screenshot is a screen shot of the representative screen and an identifier of the representative screen. Basically, the screen shot of the representative screen is acquired and recorded immediately before the break is recorded. Therefore, one representative screen screenshot is included in one comparison data. The representative screen screenshot of the comparison data 1 is a screen shot of the parent screen.

なお、比較データの区切りは、所定の情報に限定されない。例えば、一つの比較データを一つのファイルに記録する場合、比較データの区切りは、ファイルの区切りに相当する。また、一つの比較データをデータベースの一つのレコードに記録する場合、比較データの区切りは、レコードの区切りに相当する。   Note that the division of comparison data is not limited to predetermined information. For example, when one comparison data is recorded in one file, the comparison data delimiter corresponds to a file delimiter. When one comparison data is recorded in one record of the database, the comparison data delimiter corresponds to the record delimiter.

続いて、イベント検知部121によって、表示中のいずれかのブラウザ画面におけるWebページに対して何らかのイベントが検知されると(S209でYes)、比較データ記録部123は、区切り後の新たな比較データの操作履歴として、当該操作内容を示す情報(操作情報)を記録する(S210)。例えば、比較データ1に対して区切りが記録された後であれば、区切り後の新たな比較データ(以下、「カレント比較データ」という。)は、比較データ2である。   Subsequently, when the event detection unit 121 detects any event for the Web page on any of the displayed browser screens (Yes in S209), the comparison data recording unit 123 displays the new comparison data after the separation. As the operation history, information (operation information) indicating the operation content is recorded (S210). For example, after the separation is recorded for the comparison data 1, the new comparison data after the separation (hereinafter referred to as “current comparison data”) is the comparison data 2.

ステップS210について更に詳しく説明する。図9は、操作の記録方法の一例を説明するための図である。   Step S210 will be described in more detail. FIG. 9 is a diagram for explaining an example of an operation recording method.

ユーザによって、ブラウザ画面に表示されているWebページに対して操作が行われると(S209a)、ブラウザ画面は、WebブラウザAPIを介して設定されているイベントハンドラを介して、当該操作に関するイベントをイベント検知部121に通知する(S209b)。イベント検知部121は、当該イベントに含まれている操作情報を比較データ記録部123に通知する(S209c)。比較データ記録部123は、当該操作情報を比較データ記憶部16におけるカレント比較データの操作履歴に記録する(S210)。   When a user performs an operation on a web page displayed on the browser screen (S209a), the browser screen events an event related to the operation via an event handler set via the web browser API. The detection unit 121 is notified (S209b). The event detection unit 121 notifies the comparison data recording unit 123 of the operation information included in the event (S209c). The comparison data recording unit 123 records the operation information in the operation history of the current comparison data in the comparison data storage unit 16 (S210).

当該操作が、新たなページ情報の読み込みを開始させるものでは無い場合(S211でNo)、イベント検知部121は、イベントの検知を待機する(S209)。当該操作が、新たなページ情報の読み込みを開始させるものである場合(S211でYes)、当該ページ情報に関して、ステップS205〜S208が実行される。なお、新たなページ情報の読み込みとは、操作対象とされたWebページを表示させているブラウザ画面における新たなページ情報の読み込みのみならず、新たなブラウザ画面(子画面)の表示及び子画面における新たなページ情報の読み込みをもいう。   When the operation does not start reading new page information (No in S211), the event detection unit 121 waits for detection of an event (S209). If the operation is to start reading new page information (Yes in S211), steps S205 to S208 are executed for the page information. The reading of new page information is not only the reading of new page information on the browser screen displaying the Web page that is the operation target, but also the display of a new browser screen (child screen) and the child screen. Also referred to as loading new page information.

例えば、図8の比較データ2は、子画面が表示された場合を示す。したがって、比較データ2には、親画面のページ情報及び子画面のページ情報が含まれる。なお、比較データ2における子画面のページ情報は、図6において説明したように、プロキシ部122によって取得される。一方、親画面においてページ情報の読み込みが行われない場合、比較データ2における親画面のページ情報は、比較データ1よりコピーされる。但し、コピーではなく、親画面のページ情報は比較データ1におけるページ情報と同じであることを示す参照情報が記録されてもよい。そうすることにより、比較データのデータ量を削減することができる。   For example, the comparison data 2 in FIG. 8 shows a case where a small screen is displayed. Therefore, the comparison data 2 includes page information of the parent screen and page information of the child screen. Note that the sub-screen page information in the comparison data 2 is acquired by the proxy unit 122 as described in FIG. On the other hand, when the page information is not read on the parent screen, the page information of the parent screen in the comparison data 2 is copied from the comparison data 1. However, instead of copying, reference information indicating that the page information of the parent screen is the same as the page information in the comparison data 1 may be recorded. By doing so, the amount of comparison data can be reduced.

以降、全てのブラウザ画面が閉じられるまで、ステップS209〜S208が繰り返される。   Thereafter, steps S209 to S208 are repeated until all browser screens are closed.

ここで、具体的なWebページの遷移例に基づいて、比較データの記録内容について説明する。図10は、比較データの記録内容を説明するためのブラウザ画面の遷移例を示す図である。   Here, the recorded content of the comparison data will be described based on a specific example of transition of the Web page. FIG. 10 is a diagram illustrating a transition example of the browser screen for explaining the recorded content of the comparison data.

同図において、(1)は、親画面W1が表示され、親画面W1にトップページのページ情報が読みこまれた状態を示す。この場合、当該ページ情報が、比較データ1に記録される。また、親画面W1におけるページ情報の読み込みの終了に応じ、親画面W1のスクリーンショットが比較データ1に記録され、比較データ1の区切りが記録される。なお、同図における水平方向の線は、当該区切りを示したものである。   In the figure, (1) shows a state in which the parent screen W1 is displayed and the page information of the top page is read into the parent screen W1. In this case, the page information is recorded in the comparison data 1. Further, in accordance with the end of reading of the page information on the parent screen W1, a screen shot of the parent screen W1 is recorded in the comparison data 1, and a break of the comparison data 1 is recorded. In addition, the horizontal line in the same figure shows the said division | segmentation.

(2)は、親画面W1に表示されているWebページのボタンB1がクリックされ、その操作に応じて子画面W2が表示された状態を示す。この場合、ボタンB1のクリックが比較データ2の操作履歴に記録される。また、親画面W1及び子画面W2のページ情報が、比較データ2に記録される。親画面W1のページ情報は、比較データ1よりコピーされる。更に、子画面W2のページ情報の読み込みの終了に応じ、子画面W2のスクリーンショットが比較データ2に記録され、比較データ2の区切りが記録される。   (2) shows a state in which the button B1 of the Web page displayed on the parent screen W1 is clicked and the child screen W2 is displayed according to the operation. In this case, the click of the button B1 is recorded in the operation history of the comparison data 2. Further, page information of the parent screen W1 and the child screen W2 is recorded in the comparison data 2. The page information of the parent screen W1 is copied from the comparison data 1. Further, in accordance with the end of reading the page information of the sub-screen W2, a screen shot of the sub-screen W2 is recorded in the comparison data 2, and a break of the comparison data 2 is recorded.

(3)は、子画面のリストL1において、「Japanese」が選択された状態を示す。この場合、当該選択操作が、比較データ3の操作履歴に記録される。なお、当該選択操作に応じて、いずれのブラウザ画面においてもページ情報の読み込み(更新)は行われていないため、ページ情報、代表画面スクリーンショット、及び区切りの記録は、この時点ではおこなわれない。   (3) shows a state in which “Japan” is selected in the sub-screen list L1. In this case, the selection operation is recorded in the operation history of the comparison data 3. Note that page information is not read (updated) in any browser screen in accordance with the selection operation, and therefore, page information, representative screen screen shots, and separation are not recorded at this point.

(4)は、「Japanese」の選択に応じて、子画面W2が閉じ、親画面W1に日本語のページ情報が読み込まれた状態を示す。この場合、更新前((3)の状態)の親画面W1のページ情報及び子画面W2のページ情報と、親画面W1の新たなページ情報とが比較データ3に記録される。更新前の親画面W1のページ情報及び子画面W2のページ情報は、比較データ2よりコピーされる。また、新たなページ情報の読み込みの終了に応じ、親画面W1のスクリーンショットが比較データ3に記録され、比較データ3の区切りが記録される。   (4) shows a state in which the child screen W2 is closed and Japanese page information is read into the parent screen W1 in accordance with the selection of “Japan”. In this case, the page information of the parent screen W1 and the page information of the child screen W2 before the update (state (3)) and the new page information of the parent screen W1 are recorded in the comparison data 3. The page information of the parent screen W1 and the page information of the child screen W2 before the update are copied from the comparison data 2. Further, in accordance with the end of reading new page information, a screen shot of the parent screen W1 is recorded in the comparison data 3, and a break of the comparison data 3 is recorded.

続いて、ステップS102の詳細について説明する。図11は、比較データ編集処理の処理手順の一例を説明するためのフローチャートである。   Next, details of step S102 will be described. FIG. 11 is a flowchart for explaining an example of the processing procedure of the comparison data editing process.

例えば、ユーザによって、比較データの編集指示が入力されると、編集部13は、比較データ記憶部16に記録されている各比較データより、代表画面スクリーンショット及び代表画面の識別子を読み込む(S301)。   For example, when the comparison data editing instruction is input by the user, the editing unit 13 reads the representative screen screenshot and the representative screen identifier from each comparison data recorded in the comparison data storage unit 16 (S301). .

続いて、編集部13は、代表画面スクリーンショットのサムネイルの一覧を含む、比較データ編集画面を表示装置102に表示させる(S302)。   Subsequently, the editing unit 13 causes the display device 102 to display a comparison data editing screen including a list of thumbnails of the representative screen screenshot (S302).

図12は、比較データ編集画面の一例を示す図である。同図において、比較データ編集画面500は、編集対象選択領域510、選択画面表示領域520、及び操作履歴表示領域530等を含む。   FIG. 12 is a diagram illustrating an example of the comparison data editing screen. In the figure, the comparison data editing screen 500 includes an editing object selection area 510, a selection screen display area 520, an operation history display area 530, and the like.

編集対象選択領域510には、ステップS301において読み込まれた代表画面スクリーンショットのサムネイルの一覧が、代表画面スクリーンショットを含む比較データの記録順(すなわち時系列)に表示される。   In the edit target selection area 510, a list of thumbnails of the representative screen screenshot read in step S301 is displayed in the recording order (that is, time series) of comparison data including the representative screen screenshot.

選択画面表示領域520には、編集対象選択領域510において選択されたサムネイルに係る代表画面のページ情報に基づいて、Webページが表示される。すなわち、選択画面表示領域520は、ブラウザ画面と同様に、ページ情報を解釈して、Webページを表示させることができる。   In the selection screen display area 520, a Web page is displayed based on the page information of the representative screen related to the thumbnail selected in the editing target selection area 510. That is, the selection screen display area 520 can display the Web page by interpreting the page information, like the browser screen.

操作履歴表示領域530には、選択画面表示領域520に表示されている代表画面スクリーンショットが含まれる比較データの操作履歴が表示される。   In the operation history display area 530, an operation history of comparison data including the representative screen screenshot displayed in the selection screen display area 520 is displayed.

ここで、注目すべき点の一つは、編集対象選択領域510において表示されるサムネイルの一覧は、代表画面に限定されている点である。代表画面は、同時に表示されている一以上のブラウザ画面の中で、ユーザが注目している可能性の高いブラウザ画面であると考えられる。例えば、図10の(1)〜(4)の状態におけるブラウザ画面のうち、ユーザが注目するブラウザ画面は、図13に示されるように遷移すると考えられる。   Here, one of the points to be noted is that the list of thumbnails displayed in the edit target selection area 510 is limited to the representative screen. The representative screen is considered to be a browser screen that is likely to be noticed by the user among one or more browser screens displayed at the same time. For example, among the browser screens in the states of (1) to (4) in FIG. 10, the browser screen that the user pays attention to is changed as shown in FIG. 13.

図13は、ユーザの注目先の遷移例を説明するための図である。図13の画面遷移は、図10と同様である。   FIG. 13 is a diagram for explaining a transition example of a user's attention destination. The screen transition in FIG. 13 is the same as in FIG.

図13において、ユーザは、まず、(1)において、親画面W1に注目する。続いて、(2)において、子画面W2が表示されると、子画面W2に注目する。子画面W2が閉じられて、親画面W1が更新されると、ユーザは、(4)において、更新後の親画面W1に注目する。   In FIG. 13, the user first pays attention to the parent screen W1 in (1). Subsequently, in (2), when the child screen W2 is displayed, attention is paid to the child screen W2. When the child screen W2 is closed and the parent screen W1 is updated, the user pays attention to the updated parent screen W1 in (4).

図10において説明したように、(1)の親画面W1、(2)の子画面W2、及び(3)の親画面W4は、それぞれ、比較データ1、比較データ2、又は比較データ3に関する代表画面である。したがって、編集対象選択領域510における表示対象が、(1)〜(4)の全てのブラウザ画面ではなく、代表画面に限定され、当該代表画面が時系列に表示されることにより、ユーザの注目の遷移に合致した態様で、編集候補の一覧を示すことができる。その結果、ユーザは、編集対象とすべきブラウザ画面を容易に見つけ出すことができる。   As described in FIG. 10, the parent screen W1 of (1), the child screen W2 of (2), and the parent screen W4 of (3) are representatives of the comparison data 1, the comparison data 2, or the comparison data 3, respectively. It is a screen. Therefore, the display target in the edit target selection area 510 is not limited to all the browser screens (1) to (4), but is limited to the representative screen. A list of editing candidates can be shown in a manner consistent with the transition. As a result, the user can easily find out the browser screen to be edited.

続いて、編集対象選択領域510において、いずれかのサムネイルが選択されると、編集部13は、当該サムネイルに係る代表画面スクリーンショットを含む比較データ(以下、「対象比較データ」という。)の内容を比較データ編集画面500に表示させる(S304)。例えば、対象比較データの代表画面のページ情報に基づくWebページが、選択画面表示領域520に表示される。また、対象比較データに含まれる操作履歴が、操作履歴表示領域530に表示される。   Subsequently, when any thumbnail is selected in the edit target selection area 510, the editing unit 13 displays the content of comparison data (hereinafter referred to as “target comparison data”) including a representative screen screenshot related to the thumbnail. Is displayed on the comparison data editing screen 500 (S304). For example, a Web page based on the page information of the representative comparison target data is displayed in the selection screen display area 520. Further, the operation history included in the target comparison data is displayed in the operation history display area 530.

続いて、編集部13は、ユーザによって入力される編集指示に応じて、対象比較データを編集する(S305)。例えば、比較データ編集画面500のタブt1が選択されると、編集部13は、対象比較データのページ情報を構成するデータ(HTMLソースや付属データ等)の一覧画面を表示させる。ここで、各比較データには、当該比較データが対応する区切り間において表示されていた全てのWebページのページ情報が含まれる。したがって、タブ1の選択によって表示される一覧画面を介して、ユーザは、当該全てのWebページのページ情報に関して編集指示を入力することができる。   Subsequently, the editing unit 13 edits the target comparison data in accordance with an editing instruction input by the user (S305). For example, when the tab t1 of the comparison data editing screen 500 is selected, the editing unit 13 displays a list screen of data (HTML source, attached data, etc.) constituting the page information of the target comparison data. Here, each comparison data includes page information of all Web pages displayed between the corresponding divisions of the comparison data. Therefore, the user can input an editing instruction regarding the page information of all the Web pages via the list screen displayed by selecting the tab 1.

例えば、ユーザは、任意のページ情報を選択して、当該ページ情報を、検査データとの比較対象から除外する旨の指示を入力する。当該指示に応じ、編集部13は、当該ページ情報は、比較対象から除外されることを示す情報を比較データ記憶部16に記録する。そうすることにより、Webアプリケーションの変更によって、表示されなくなるWebページに関するページ情報が、検査データと比較されてしまうのを回避することができる。   For example, the user selects arbitrary page information and inputs an instruction to exclude the page information from the comparison target with the inspection data. In response to the instruction, the editing unit 13 records information indicating that the page information is excluded from the comparison target in the comparison data storage unit 16. By doing so, it is possible to avoid that page information relating to a Web page that is no longer displayed due to a change in the Web application is compared with the inspection data.

また、ユーザは、任意のページ情報に含まれるHTMLソースの内容を表示させ、その一部分を例えば範囲指定によって、検査データとの比較対象から除外する旨の指示を入力する。当該指示に応じ、編集部13は、当該一部分は、比較対象から除外されることを示す情報を比較データ記憶部16に記録する。そうすることにより、Webアプリケーションの変更によって、或るWebページの一部分が変更される場合、当該一部分が比較データと比較されてしまうのを回避することができる。   Further, the user displays the contents of the HTML source included in the arbitrary page information, and inputs an instruction to exclude a part thereof from the comparison target with the inspection data, for example, by specifying a range. In response to the instruction, the editing unit 13 records information indicating that the part is excluded from the comparison target in the comparison data storage unit 16. By doing so, when a part of a certain Web page is changed due to a change in the Web application, it can be avoided that the part is compared with the comparison data.

また、必要に応じて、操作履歴表示領域530において、操作履歴が編集される。例えば、選択画面表示領域520に表示されているWebページ上における任意の表示部品が選択されると、編集部13は、操作履歴表示領域530において当該表示部品に関する操作に対応する行をハイライト表示させる。ユーザは、ハイライト表示された行において、例えば、表示部品に対する入力値の変更等を行う。または、Webアプリケーションの変更により、表示されなくなった表示部品に対する操作が操作履歴から削除されてもよい。   Further, the operation history is edited in the operation history display area 530 as necessary. For example, when an arbitrary display component on the Web page displayed in the selection screen display area 520 is selected, the editing unit 13 highlights a line corresponding to the operation related to the display component in the operation history display area 530. Let The user changes, for example, an input value for the display component in the highlighted line. Alternatively, an operation for a display component that is no longer displayed due to a change in the Web application may be deleted from the operation history.

また、編集対象選択領域510において選択されている代表画面と共に(同時に)表示されていた、他のブラウザ画面を選択画面表示領域520に表示させ、当該ブラウザ画面に関する操作の編集を行わせることもできる。具体的には、リストボックス521には、選択画面表示領域520において現在表示対象とされているページ情報に係るWebページの識別情報が表示されている。リストボックス521のボタンがクリックされると、編集部13は、現在表示対象とされている比較データに含まれている各ページ情報に係るWebページの識別情報の一覧を選択肢として表示させる。ユーザが、当該一覧の中から任意の選択肢を選択すると、編集部13は、選択された選択肢に対応するページ情報に基づくWebページを選択画面表示領域520に表示させる。ユーザは、表示されたWebページを操作して、上記したように当該Webページに関する操作の編集を行うことができる。   In addition, another browser screen that is displayed (simultaneously) with the representative screen selected in the edit target selection area 510 can be displayed in the selection screen display area 520, and operations related to the browser screen can be edited. . Specifically, in the list box 521, the identification information of the Web page related to the page information that is currently displayed in the selection screen display area 520 is displayed. When the button of the list box 521 is clicked, the editing unit 13 displays a list of Web page identification information related to each page information included in the comparison data currently being displayed as options. When the user selects any option from the list, the editing unit 13 causes the selection screen display area 520 to display a Web page based on the page information corresponding to the selected option. The user can edit the operation related to the Web page as described above by operating the displayed Web page.

代表画面以外のブラウザ画面に関する操作の編集に関して、具体例を用いて、更に詳しく説明する。ここでは、次のようなブラウザ画面の遷移を例とする。   The editing of operations related to browser screens other than the representative screen will be described in more detail using specific examples. Here, the following browser screen transition is taken as an example.

図14は、操作履歴の編集を説明するためのブラウザ画面の遷移例を説明するための図である。なお、同図におけるブラウザ画面の遷移は、図10におけるブラウザ画面の遷移とは無関係である。したがって、図14に関する比較データ1、2、及び3は、図10における比較データ1、2、及び3とは無関係である。   FIG. 14 is a diagram for explaining a transition example of the browser screen for explaining the editing of the operation history. Note that the transition of the browser screen in the figure is irrelevant to the transition of the browser screen in FIG. Therefore, the comparison data 1, 2, and 3 relating to FIG. 14 are irrelevant to the comparison data 1, 2, and 3 in FIG.

同図において、(1)は、親画面W3が表示された状態を示す。(2)は、親画面W3に郵便番号が入力されて、ボタンB2がクリックされることにより、郵便番号に応じた住所を示す子画面W4が表示された状態を示す。(3)は、子画面W4におけるOKボタンのクリックに応じ、子画面W4における住所が転記されたWebページが親画面W3に表示された状態を示す。   In the figure, (1) shows a state in which the main screen W3 is displayed. (2) shows a state in which a sub-screen W4 indicating an address corresponding to the postal code is displayed when the postal code is input to the main screen W3 and the button B2 is clicked. (3) shows a state in which the Web page on which the address on the child screen W4 is transcribed is displayed on the parent screen W3 in response to clicking on the OK button on the child screen W4.

なお、同図において、水平方向の線は、比較データの区切りを示す。したがって、(1)の状態に関して比較データ1、(2)の状態に関して比較データ2、(3)の状態に関して比較データ3が記録される。なお、比較データ1における代表画面は、(1)の状態の親画面W3であり、比較データ2における代表画面は、(2)の状態の子画面W4であり、比較データ3における代表画面は、(3)の状態の子画面W3である。したがって、比較データ編集画面500の編集対象選択領域510には、これら三つの代表画面のサムネイルが表示される。   In the figure, the horizontal line indicates the division of comparison data. Therefore, comparison data 1 is recorded for the state (1), comparison data 2 is recorded for the state (2), and comparison data 3 is recorded for the state (3). The representative screen in the comparison data 1 is the parent screen W3 in the state (1), the representative screen in the comparison data 2 is the child screen W4 in the state (2), and the representative screen in the comparison data 3 is This is the child screen W3 in the state (3). Therefore, thumbnails of these three representative screens are displayed in the editing target selection area 510 of the comparison data editing screen 500.

これら三つの代表画面のサムネイルのうち、比較データ2の代表画面のサムネイルが選択されると、編集部13は、比較データ2における当該代表画面に対応するページ情報に基づくWebページを選択画面表示領域520に表示させる。また、編集部13は、比較データ2に含まれている操作履歴を、操作履歴表示領域530に表示させる。   When the thumbnail of the representative screen of the comparison data 2 is selected from the thumbnails of these three representative screens, the editing unit 13 selects a Web page based on the page information corresponding to the representative screen in the comparison data 2 as a selection screen display area. 520 is displayed. Further, the editing unit 13 causes the operation history display area 530 to display the operation history included in the comparison data 2.

この状態で、ユーザが、リストボックス521のボタンを選択すると、編集部13は、(2)の子画面W4のページ情報に係るWebページの識別情報と、(2)の親画面W3のページ情報に係るWebページの識別情報とを選択肢として含む一覧を表示させる。ユーザが、親画面W3に対応する選択肢を選択すると、編集部13は、当該親画面W3のページ情報に基づくWebページを選択画面表示領域520に表示させる。この時点で、選択画面表示領域520の表示内容は、図14の(1)の親画面W3と同じとなる。なお、ページ情報には、入力された値等は含まれないため、ページ情報に基づく表示内容は、図14の(2)ではなく、(1)の親画面W3と同じとなる。   In this state, when the user selects the button of the list box 521, the editing unit 13 displays the Web page identification information related to the page information of the child screen W4 in (2) and the page information of the parent screen W3 in (2). A list including the identification information of the Web page according to the selection is displayed. When the user selects an option corresponding to the parent screen W3, the editing unit 13 causes the selection screen display area 520 to display a Web page based on the page information of the parent screen W3. At this time, the display content of the selection screen display area 520 is the same as the parent screen W3 of (1) in FIG. In addition, since the input value etc. are not contained in page information, the display content based on page information becomes the same as the main screen W3 of (1) instead of (2) of FIG.

この状態で、ユーザが、郵便番号を入力させるためのテキストボックスをクリックすると、編集部13は、操作履歴表示領域530において、当該テキストボックスに対する値の入力操作に対応する行をハイライト表示させる。ユーザは、当該行において、当該テキストボックスに対する入力値を「105」から「211」に変更する。その結果、代表画面以外のブラウザ画面に関する操作が変更される。   In this state, when the user clicks a text box for inputting a zip code, the editing unit 13 highlights a line corresponding to a value input operation for the text box in the operation history display area 530. The user changes the input value for the text box from “105” to “211” in the row. As a result, operations related to the browser screen other than the representative screen are changed.

このように、代表画面以外のブラウザ画面に関する操作が編集対象となる可能性が有るため、本実施の形態では、代表画面のページ情報のみならず、代表画面と共に(同時に)表示されていた他のブラウザ画面のページ情報も、比較データに記録されるのである。   As described above, since operations related to browser screens other than the representative screen may be subject to editing, in the present embodiment, not only the page information of the representative screen but also other (that is) displayed together with the representative screen. The page information on the browser screen is also recorded in the comparison data.

なお、図14の(2)の親画面W3に対する郵便番号の入力値が変更されることにより、子画面W4のページ情報は、比較データと検査データとで一致しなくなる。検査データ生成時において、子画面W4には、郵便番号が「211」に対応する住所が表示されるからである。したがって、このような場合、例えば、比較データ2の子画面W4のページ情報と、比較データ3の親画面W3のページ情報とを比較対象から除外するようにしてもよい。   Note that, by changing the input value of the zip code for the parent screen W3 in (2) of FIG. 14, the page information of the child screen W4 does not match between the comparison data and the inspection data. This is because the address corresponding to the postal code “211” is displayed on the sub-screen W4 when the inspection data is generated. Therefore, in such a case, for example, the page information of the child screen W4 of the comparison data 2 and the page information of the parent screen W3 of the comparison data 3 may be excluded from comparison targets.

なお、ステップS303〜S305は、編集対象選択領域510においてサムネイルが選択されるたびに繰り返される。   Steps S303 to S305 are repeated each time a thumbnail is selected in the edit target selection area 510.

続いて、図4のステップS104の詳細について説明する。図15は、検査データ生成処理の処理手順の一例を説明するためのフローチャートである。   Next, details of step S104 in FIG. 4 will be described. FIG. 15 is a flowchart for explaining an example of the processing procedure of the inspection data generation processing.

例えば、ユーザによって、検査データ生成指示が入力されると、検査データ生成部14の操作実行部141は、比較データ記憶部16に記憶されている全ての比較データの操作履歴を読み込む(S401)。続いて、操作実行部141は、読み込んだ操作履歴のうちの、最初の操作を自動的に実行する(S402)。通常、最初の操作は、URLが指定されたWebブラウザの起動コマンドの実行である。続いて、検査データ生成部14の検査データ記録部142は、検査データを検査データ記憶部17に記録する(S403)。ステップS403の処理内容は、図5のステップS209〜S208と同様でよい。したがって、検査データは、比較データと同様の構成を有するように記録される。   For example, when an inspection data generation instruction is input by the user, the operation execution unit 141 of the inspection data generation unit 14 reads the operation history of all comparison data stored in the comparison data storage unit 16 (S401). Subsequently, the operation execution unit 141 automatically executes the first operation in the read operation history (S402). Usually, the first operation is execution of a start command of a Web browser in which a URL is specified. Subsequently, the inspection data recording unit 142 of the inspection data generating unit 14 records the inspection data in the inspection data storage unit 17 (S403). The processing content of step S403 may be the same as that of steps S209 to S208 of FIG. Therefore, the inspection data is recorded so as to have the same configuration as the comparison data.

以降、ステップS402及びS403は、比較データより読み込まれた操作履歴に含まれる全ての操作に関して、操作順に(時系列に)繰り返される(S404)。   Thereafter, steps S402 and S403 are repeated in order of operation (in time series) for all operations included in the operation history read from the comparison data (S404).

続いて、図5のステップS105の詳細について説明する。図16は、比較処理の処理手順の一例を説明するためのフローチャートである。   Next, details of step S105 in FIG. 5 will be described. FIG. 16 is a flowchart for explaining an example of the processing procedure of the comparison process.

例えば、ユーザによって、比較データと検査データとの比較指示が入力されると、比較部15は、比較データ記憶部16より、比較データを一つ読み込む(S501)。続いて、比較部15は、検査データ記憶部17より、検査データを一つ読み込む(S502)。なお、比較データ及び検査データの読み込み順は、それぞれが記録されている順(時系列順)である。   For example, when a comparison instruction between the comparison data and the inspection data is input by the user, the comparison unit 15 reads one comparison data from the comparison data storage unit 16 (S501). Subsequently, the comparison unit 15 reads one inspection data from the inspection data storage unit 17 (S502). Note that the reading order of the comparison data and the inspection data is the order in which they are recorded (in chronological order).

続いて、比較部15は、読み込まれた比較データより、ページ情報を記録順に一つ取得する(S503)。続いて、比較部15は、読み込まれた検査データより、ページ情報を記録順に一つ取得する(S504)。続いて、比較部15は、取得された二つのページ情報を比較する(S505)。比較部15は、比較結果を、例えば、メモリ装置103又は補助記憶装置102に記録する。   Subsequently, the comparison unit 15 acquires one page information from the read comparison data in the recording order (S503). Subsequently, the comparison unit 15 acquires one page information from the read inspection data in the recording order (S504). Subsequently, the comparison unit 15 compares the acquired two pieces of page information (S505). The comparison unit 15 records the comparison result in the memory device 103 or the auxiliary storage device 102, for example.

ステップS503〜S505は、読み込まれた比較データの全てのページ情報に関して実行される(S506)。但し、比較対象とされるページ情報は、当該比較データにおいて読み込まれたページ情報に限定されてもよい。すなわち、当該比較データより前の比較データよりコピーされたページ情報は、比較対象とされなくてもよい。斯かるページ情報は、当該前の比較データに関する検査データとの比較時において比較されているからである。なお、当該比較データより前の比較データよりコピーされたページ情報とは、例えば、図10の例によれば、比較データ2にける親画面W1のページ情報等である。   Steps S503 to S505 are executed for all page information of the read comparison data (S506). However, the page information to be compared may be limited to the page information read in the comparison data. That is, the page information copied from the comparison data before the comparison data may not be the comparison target. This is because such page information is compared at the time of comparison with the inspection data regarding the previous comparison data. Note that the page information copied from the comparison data before the comparison data is, for example, the page information of the parent screen W1 in the comparison data 2 according to the example of FIG.

ステップS501〜S506が、比較データ記憶部16に記録されている全ての比較データに関して実行されると(S507でYes)、比較部15は、記録されている比較結果を表示装置102に表示させる(S508)。   When steps S501 to S506 are executed for all the comparison data recorded in the comparison data storage unit 16 (Yes in S507), the comparison unit 15 causes the display device 102 to display the recorded comparison results ( S508).

上述したように、本実施の形態によれば、比較データの記録時において、一つの操作に応じてページ情報の更新が完了されるたびに、当該更新に係るブラウザ画面のスクリーンショットが取得され、記録される。したがって、比較データ編集画面500の表示時においては、編集対象表示領域510において、ユーザが注目していたブラウザ画面に限定して、編集候補のブラウザ画面(比較データ)を表示させることができる。したがって、比較データに含まれている全てのページ情報の中から、編集対象とするページ情報を見付けやすくすることができる。   As described above, according to the present embodiment, each time the update of the page information is completed according to one operation, the screen shot of the browser screen related to the update is acquired, To be recorded. Therefore, when the comparison data editing screen 500 is displayed, the editing candidate display area 510 can display the editing candidate browser screen (comparison data) only on the browser screen that the user has focused on. Therefore, it is possible to easily find the page information to be edited from all the page information included in the comparison data.

なお、比較データの記録時において、代表画面の識別子が記録されれば、必ずしも、代表画面のスクリーンショットは記録されなくてもよい。例えば、比較データ編集画面500の表示時において、代表画面のページ情報に基づいて、代表画面のサムネイルが生成されてもよい。但し、比較データ編集画面500の表示時の性能を考慮すると、比較データの記録時において、代表画面のスクリーンショットが記録されているのが好ましい。   When recording the comparison data, if the identifier of the representative screen is recorded, the screen shot of the representative screen may not necessarily be recorded. For example, when the comparison data editing screen 500 is displayed, a thumbnail of the representative screen may be generated based on the page information of the representative screen. However, in consideration of the performance when the comparison data editing screen 500 is displayed, it is preferable that a screen shot of the representative screen is recorded when the comparison data is recorded.

また、比較データ編集画面500においては、代表画面以外のブラウザ画面を表示させることができ、当該ブラウザ画面に関する操作を編集させることができる。したがって、サムネイルとしての表示対象が代表画面に限定されたとしても、編集可能な範囲が限定されることはない。   In the comparison data editing screen 500, a browser screen other than the representative screen can be displayed, and operations related to the browser screen can be edited. Therefore, even if the display target as a thumbnail is limited to the representative screen, the editable range is not limited.

なお、本実施の形態において、ページ情報は、ブラウザ画面の表示内容を示す情報の一例である。また、代表画面の識別子は、更新に係る画面の識別情報の一例である。また、比較データ記憶部16は、第一の記憶部の一例である。検査データ記憶部17は、第二の記憶部の一例である。イベント検知部121は、検知部の一例である。比較データ記録部123は、第一の記録部の一例である。編集部13は、表示部の一例である。   In the present embodiment, the page information is an example of information indicating the display content of the browser screen. The identifier of the representative screen is an example of screen identification information related to the update. The comparison data storage unit 16 is an example of a first storage unit. The inspection data storage unit 17 is an example of a second storage unit. The event detection unit 121 is an example of a detection unit. The comparison data recording unit 123 is an example of a first recording unit. The editing unit 13 is an example of a display unit.

以上、本発明の実施例について詳述したが、本発明は斯かる特定の実施形態に限定されるものではなく、特許請求の範囲に記載された本発明の要旨の範囲内において、種々の変形・変更が可能である。   As mentioned above, although the Example of this invention was explained in full detail, this invention is not limited to such specific embodiment, In the range of the summary of this invention described in the claim, various deformation | transformation・ Change is possible.

以上の説明に関し、更に以下の項を開示する。
(付記1)
ディプレイ上に表示されている一以上のブラウザ画面のいずれかの表示内容の更新を検知し、
前記更新が検知されるたびに、表示されている全ての前記ブラウザ画面の表示内容を示す情報と、当該更新に係る前記ブラウザ画面の識別情報とを含むデータを第一の記憶部に記録し、
前記データの編集指示に応じ、前記第一の記憶部を参照し、前記識別情報に係る前記ブラウザ画面の表示内容を示す画像の一覧を表示させる処理をコンピュータに実行させるリグレッションテスト支援プログラム。
(付記2)
前記第一の記憶部に記録する処理は、前記ブラウザ画面に対する操作の履歴を前記第一の記憶部に記録し、
前記操作の履歴に基づいて、前記ブラウザ画面に対する操作を実行し、
前記実行する処理における操作の実行に応じて表示される前記ブラウザ画面の表示内容の更新に応じて、前記ブラウザ画面の表示内容を示す情報を含むデータを第二の記憶部に記録し、
前記第一の記憶部に記録された前記データと前記第二の記憶部に記録された前記データとをリグレッションテストのために比較し、比較結果を出力する処理を前記コンピュータに実行させる付記1記載のリグレッションテスト支援プログラム。
(付記3)
前記第一の記憶部に記録された前記画像の一覧の中から選択された画像に係る前記ブラウザ画面の前記表示内容を示す情報と共に、前記第一の記憶部において同一の前記データについて記録されている他の前記ブラウザ画面の前記表示内容を示す情報を表示させる処理を前記コンピュータに実行させる付記又は2記載のリグレッションテスト支援プログラム。
(付記4)
ディプレイ上に表示されている一以上のブラウザ画面のいずれかの表示内容の更新を検知する検知部と、
前記更新が検知されるたびに、表示されている全ての前記ブラウザ画面の表示内容を示す情報と、当該更新に係る前記ブラウザ画面の識別情報とを含むデータを第一の記憶部に記録する第一の記録部と、
前記データの編集指示に応じ、前記第一の記憶部を参照し、前記識別情報に係る前記ブラウザ画面の表示内容を示す画像の一覧を表示させる表示部とを有するリグレッションテスト支援装置。
(付記5)
前記第一の記録部は、前記ブラウザ画面に対する操作の履歴を前記第一の記憶部に記録し、
前記操作の履歴に基づいて、前記ブラウザ画面に対する操作を実行する実行部と、
前記実行部による操作の実行に応じて表示される前記ブラウザ画面の表示内容の更新に応じて、前記ブラウザ画面の表示内容を示す情報を含むデータを第二の記憶部に記録する第二の記録部と、
前記第一の記憶部に記録された前記データと前記第二の記憶部に記録された前記データとをリグレッションテストのために比較し、比較結果を出力する比較部とを有する付記4記載のリグレッションテスト支援装置。
(付記6)
前記表示部は、前記第一の記憶部に記録された前記画像の一覧の中から選択された画像に係る前記ブラウザ画面の前記表示内容を示す情報と共に、前記第一の記憶部において同一の前記データについて記録されている他の前記ブラウザ画面の前記表示内容を示す情報を表示させる付記4又は5記載のリグレッションテスト支援装置。
Regarding the above description, the following items are further disclosed.
(Appendix 1)
Detects an update of the display content of one or more browser screens displayed on the display,
Each time the update is detected, information indicating the display contents of all the displayed browser screens and data including identification information of the browser screen related to the update are recorded in the first storage unit,
A regression test support program for causing a computer to execute a process of displaying a list of images indicating display contents of the browser screen related to the identification information with reference to the first storage unit in response to an instruction to edit the data.
(Appendix 2)
The process of recording in the first storage unit records the history of operations on the browser screen in the first storage unit,
Based on the history of operations, perform operations on the browser screen,
In response to the update of the display content of the browser screen displayed according to the execution of the operation in the process to be executed, data including information indicating the display content of the browser screen is recorded in the second storage unit,
Appendix 1 that causes the computer to execute a process of comparing the data recorded in the first storage unit and the data recorded in the second storage unit for a regression test and outputting a comparison result Regression test support program.
(Appendix 3)
Along with information indicating the display content of the browser screen related to an image selected from the list of images recorded in the first storage unit, the same data is recorded in the first storage unit. The regression test support program according to appendix or 2, which causes the computer to execute a process of displaying information indicating the display content of the other browser screen.
(Appendix 4)
A detection unit that detects an update of the display content of one or more browser screens displayed on the display;
Each time the update is detected, the first storage unit records data including information indicating display contents of all the displayed browser screens and identification information of the browser screens related to the updates. One recording section,
A regression test support apparatus, comprising: a display unit that displays a list of images indicating display contents of the browser screen related to the identification information with reference to the first storage unit in response to an instruction to edit the data.
(Appendix 5)
The first recording unit records an operation history on the browser screen in the first storage unit,
An execution unit for performing an operation on the browser screen based on the history of the operation;
Second recording for recording data including information indicating the display content of the browser screen in a second storage unit in response to the update of the display content of the browser screen displayed in response to the execution of the operation by the execution unit And
The regression according to claim 4, further comprising: a comparison unit that compares the data recorded in the first storage unit and the data recorded in the second storage unit for a regression test and outputs a comparison result. Test support device.
(Appendix 6)
The display unit has the same information in the first storage unit as well as information indicating the display content of the browser screen related to an image selected from the list of images recorded in the first storage unit. 6. The regression test support apparatus according to appendix 4 or 5, wherein information indicating the display content of the other browser screen recorded for data is displayed.

1 テスト支援システム
10 テスト支援装置
11 ブラウザ画面表示部
12 比較データ生成部
13 編集部
14 検査データ生成部
15 比較部
16 比較データ記憶部
17 検査データ記憶部
20 Webサーバ装置
100 ドライブ装置
101 記録媒体
102 補助記憶装置
103 メモリ装置
104 CPU
105 インタフェース装置
106 表示装置
107 入力装置
121 イベント検知部
122 プロキシ部
123 比較データ記録部
141 操作実行部
142 検査データ記録部
B バス
DESCRIPTION OF SYMBOLS 1 Test support system 10 Test support apparatus 11 Browser screen display part 12 Comparison data generation part 13 Editing part 14 Inspection data generation part 15 Comparison part 16 Comparison data storage part 17 Inspection data storage part 20 Web server apparatus 100 Drive apparatus 101 Recording medium 102 Auxiliary storage device 103 Memory device 104 CPU
105 interface device 106 display device 107 input device 121 event detection unit 122 proxy unit 123 comparison data recording unit 141 operation execution unit 142 inspection data recording unit B bus

Claims (4)

ディプレイ上に表示されている一以上のブラウザ画面のいずれかの表示内容の更新を検知し、
前記更新が検知されるたびに、表示されている全ての前記ブラウザ画面の表示内容を示す情報と、当該更新に係る前記ブラウザ画面の識別情報とを含むデータを第一の記憶部に記録し、
前記データの編集指示に応じ、前記第一の記憶部を参照し、前記識別情報に係る前記ブラウザ画面の表示内容を示す画像の一覧を表示させる処理をコンピュータに実行させるリグレッションテスト支援プログラム。
Detects an update of the display content of one or more browser screens displayed on the display,
Each time the update is detected, information indicating the display contents of all the displayed browser screens and data including identification information of the browser screen related to the update are recorded in the first storage unit,
A regression test support program for causing a computer to execute a process of displaying a list of images indicating display contents of the browser screen related to the identification information with reference to the first storage unit in response to an instruction to edit the data.
前記第一の記憶部に記録する処理は、前記ブラウザ画面に対する操作の履歴を前記第一の記憶部に記録し、
前記操作の履歴に基づいて、前記ブラウザ画面に対する操作を実行し、
前記実行する処理における操作の実行に応じて表示される前記ブラウザ画面の表示内容の更新に応じて、前記ブラウザ画面の表示内容を示す情報を含むデータを第二の記憶部に記録し、
前記第一の記憶部に記録された前記データと前記第二の記憶部に記録された前記データとをリグレッションテストのために比較し、比較結果を出力する処理を前記コンピュータに実行させる請求項1記載のリグレッションテスト支援プログラム。
The process of recording in the first storage unit records the history of operations on the browser screen in the first storage unit,
Based on the history of operations, perform operations on the browser screen,
In response to the update of the display content of the browser screen displayed according to the execution of the operation in the process to be executed, data including information indicating the display content of the browser screen is recorded in the second storage unit,
2. The computer executes a process of comparing the data recorded in the first storage unit with the data recorded in the second storage unit for a regression test and outputting a comparison result. The regression test support program described.
前記第一の記憶部に記録された前記画像の一覧の中から選択された画像に係る前記ブラウザ画面の前記表示内容を示す情報と共に、前記第一の記憶部において同一の前記データについて記録されている他の前記ブラウザ画面の前記表示内容を示す情報を表示させる処理を前記コンピュータに実行させる請求項又は2記載のリグレッションテスト支援プログラム。   Along with information indicating the display content of the browser screen related to an image selected from the list of images recorded in the first storage unit, the same data is recorded in the first storage unit. The regression test support program according to claim 2, wherein the computer executes a process of displaying information indicating the display content of the other browser screen. ディプレイ上に表示されている一以上のブラウザ画面のいずれかの表示内容の更新を検知する検知部と、
前記更新が検知されるたびに、表示されている全ての前記ブラウザ画面の表示内容を示す情報と、当該更新に係る前記ブラウザ画面の識別情報とを含むデータを第一の記憶部に記録する第一の記録部と、
前記データの編集指示に応じ、前記第一の記憶部を参照し、前記識別情報に係る前記ブラウザ画面の表示内容を示す画像の一覧を表示させる表示部とを有するリグレッションテスト支援装置。
A detection unit that detects an update of the display content of one or more browser screens displayed on the display;
Each time the update is detected, the first storage unit records data including information indicating display contents of all the displayed browser screens and identification information of the browser screens related to the updates. One recording section,
A regression test support apparatus, comprising: a display unit that displays a list of images indicating display contents of the browser screen related to the identification information with reference to the first storage unit in response to an instruction to edit the data.
JP2011194245A 2011-09-06 2011-09-06 Regression test support program and regression test support device Active JP5747751B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2011194245A JP5747751B2 (en) 2011-09-06 2011-09-06 Regression test support program and regression test support device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2011194245A JP5747751B2 (en) 2011-09-06 2011-09-06 Regression test support program and regression test support device

Publications (2)

Publication Number Publication Date
JP2013054693A true JP2013054693A (en) 2013-03-21
JP5747751B2 JP5747751B2 (en) 2015-07-15

Family

ID=48131593

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2011194245A Active JP5747751B2 (en) 2011-09-06 2011-09-06 Regression test support program and regression test support device

Country Status (1)

Country Link
JP (1) JP5747751B2 (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2015041260A (en) * 2013-08-22 2015-03-02 コニカミノルタ株式会社 Program development support device and program development support method
JP2015158897A (en) * 2014-01-21 2015-09-03 三菱電機株式会社 Regression test scenario generator
JP2016071399A (en) * 2014-09-26 2016-05-09 株式会社野村総合研究所 Test execution device, test execution method, and computer program
US9501459B2 (en) 2013-12-06 2016-11-22 International Business Machines Corporation Detecting influence caused by changing the source code of an application from which a document object model tree and cascading style sheet may be extracted

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5758062A (en) * 1996-04-30 1998-05-26 Oracle Corporation Method and apparatus for regression testing of application logic
JP2004030145A (en) * 2002-06-25 2004-01-29 Sony Corp Electronic equipment, data display for electronic equipment, selection method, and web browser
JP2009048278A (en) * 2007-08-15 2009-03-05 Tama Art Univ Browser and information storage/display method using the same
JP2009140155A (en) * 2007-12-05 2009-06-25 Fujitsu Ltd Test program for application program
JP2009301195A (en) * 2008-06-11 2009-12-24 Toshiba Corp Terminal apparatus and inspection method
WO2010116586A1 (en) * 2009-03-30 2010-10-14 株式会社野村総合研究所 Operation verification device, operation verification method, and operation verification system

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5758062A (en) * 1996-04-30 1998-05-26 Oracle Corporation Method and apparatus for regression testing of application logic
JP2004030145A (en) * 2002-06-25 2004-01-29 Sony Corp Electronic equipment, data display for electronic equipment, selection method, and web browser
JP2009048278A (en) * 2007-08-15 2009-03-05 Tama Art Univ Browser and information storage/display method using the same
JP2009140155A (en) * 2007-12-05 2009-06-25 Fujitsu Ltd Test program for application program
JP2009301195A (en) * 2008-06-11 2009-12-24 Toshiba Corp Terminal apparatus and inspection method
WO2010116586A1 (en) * 2009-03-30 2010-10-14 株式会社野村総合研究所 Operation verification device, operation verification method, and operation verification system

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2015041260A (en) * 2013-08-22 2015-03-02 コニカミノルタ株式会社 Program development support device and program development support method
US9501459B2 (en) 2013-12-06 2016-11-22 International Business Machines Corporation Detecting influence caused by changing the source code of an application from which a document object model tree and cascading style sheet may be extracted
JP2015158897A (en) * 2014-01-21 2015-09-03 三菱電機株式会社 Regression test scenario generator
JP2016071399A (en) * 2014-09-26 2016-05-09 株式会社野村総合研究所 Test execution device, test execution method, and computer program

Also Published As

Publication number Publication date
JP5747751B2 (en) 2015-07-15

Similar Documents

Publication Publication Date Title
US10324828B2 (en) Generating annotated screenshots based on automated tests
JP4395761B2 (en) Program test support apparatus and method
US8578328B2 (en) Method for presenting candidate for link target to component in web application, as well as computer program and computer system for the same
JP2010237870A (en) System, method, server and computer program for avoiding update conflict in distributed environment using a plurality of clients
JP2007172377A (en) Method for analyzing state transition in web page
TW200907778A (en) An interactive progress bar
JP2012018583A (en) Software development support device and processing method thereof
US10884911B2 (en) System and method for use in regression testing of electronic document hyperlinks
JP2017524169A (en) Method and apparatus for recommending solutions based on user actions
JP5747751B2 (en) Regression test support program and regression test support device
JP2015219890A (en) Management device, and control method and program for the same
CN112352214A (en) Display control device, display control method, and display control program
US20190196897A1 (en) Influence range specifying method, influence range specifying apparatus, and storage medium
US20150121192A1 (en) Debugging errors in display of web pages with partial page refresh
JP4896909B2 (en) Scenario generation apparatus and program
JP6198206B2 (en) Device and program for testing software
JP2010102620A (en) User operation scenario generating device, method and program
US10884711B2 (en) Code management system and code management method using a visual programming tool
JP4681673B1 (en) Operation verification apparatus, operation verification method, and operation verification program
JP5758544B2 (en) Screen information collection computer, screen information collection method, and computer-readable storage medium
JP2020173570A (en) Analysis apparatus, analysis method, and program
JP2011164783A (en) Device, method and program for verifying operation
JP6645276B2 (en) Test apparatus, test method, and test program
JP5892006B2 (en) Analysis program, analysis method, and analysis apparatus
WO2016120989A1 (en) Management computer and rule test method

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20140508

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20150120

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20150127

A521 Written amendment

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20150330

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: 20150414

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20150427

R150 Certificate of patent or registration of utility model

Ref document number: 5747751

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150