Studio & Tester4.0 パート2.A.2

パート2：スタジオによるテストスクリプトの作成

A. モバイルによるテストスクリプトの作成

II. テストスクリプトの新規作成

スクリプト作成画面は以下の手順で表示されます。「テストスクリプトマネジメント」項目をクリックし、「ATOMPスタジオによる作成」ボタンをクリックし、任意のデバイスを選択します。

1. CSVファイルのアップロード（必要の場合）

ユーザーは、2行のデータ（キーと値のペア）を含むCSVファイルをアップロードし、それらのペアを ATOMPスタジオ内の変数として使用できます。

「事前定義のアクション」タブから、「CSV外部入力」の「拡大」ボタンをクリックし、CSVファイルをアップロードする「アップロード」ボタンをクリックします。

CSVファイルのフォーマットは以下の通りです。（A列：変数名、B列：値）

CSVファイルのアップロード後、ユーザーはテストスクリプトを作成する時、任意のテキストボックスに「$+変数名」と入力することで、これらの変数を使用できます。

2. 「記録」モードへの切り替え

テストスクリプトの作成を開始するために、「スクリプト記録」ボタンまたは目のアイコンをクリックすることで、「記録」モードに切り替える必要があります。以下は記録モードのサンプルになります。

ユーザーは画面のエレメント（アイコン、ボタン、テキストなど）を選択し、アクションを実行できます。

3. 前提条件の選択

手順1: スクリプト作成画面にて「新規追加」ボタンをクリックします。

手順2: プロジェクトの前提条件リストから1つ又はそれ以上の前提条件を選択します。

➩ スクリプト実行時、選択した前提条件が上から下の順番に実行されます。選択済みの前提条件リストは以下のように表示されます。

4. テスト手順の作成

手順1：「エレメント選択」モードに切り替えます（アイコンクリック）。

手順2：ストリーミング画面で１つのエレメントを選択します。または、「項目」リストの「属性」テキストボックスで要素名を検索します。

手順3：手順 2 で選択したエレメントで実行したいアクションを選択します。

選択したエレメントがアイコンまたはボタンの場合、使用可能なアクションはタップ、ダブルタップ、長押しです。
選択したエレメントがテキスト入力ボックスの場合、「キー送信」ボタンをクリックしてエレメントにテキストを入力します。
画面を変更する自動化アクションがあるときにAIで2つの画像を検証したい場合は、「空白アクションの追加」ボタンをクリックして、空白のアクションを作成します。このステップが実行されると、自動化スクリプトはデバイスでアクションを実行しません。

手順4：アクションが「キー送信」の場合、ユーザーが文字を入力するためのポップアップが表示されます。

→1つのアクションを実行した後、ツールはそのアクションのテストスクリプトを自動的に生成し、手順として表示します（下の図をご参照ください）。

入力されたテキストボックスのテキストを削除したい場合は、テキストを削除する必要がある要素を選択し、「削除」アクションを選択します。

手順5: アクションが [スワイプ] の場合は、「座標でのスワイプ」モードに切り替える必要があります ( アイコンをクリック)。次に、ユーザーは画面の真ん中の 2 点を選択してスクロールします。

=> アクションを実行すると、そのアクションのテストスクリプトが自動的に生成されます (上の図を参照)。

他のアクションを作成したい場合、「項目選択」モードに切り替える必要があります。

手順6: ストリーミング画面上のポイントをクリックしたい場合は、「座標でのタップ」モードに切り替えます ( アイコンをクリック)。

5. 期待値の作成

手順1：ストリーミング画面で確認対象のエレメントを選択します。

手順2：「プロパティ」ボックスには、選択したエレメントのプロパティが表示されます。そこでプロパティを選択し、期待値を作成します。

画面のUIを確認したい場合は、「期待値」列内のカメラアイコンを選択し、今後の比較の参考として画面をキャプチャします。

AIビジュアルチェックを使用したい場合は、アイコンを選択して、ビジュアルイメージを比較するAIビジュアルチェックの期待結果を追加します。これにより、テストの精度を高め、工数を軽減できます。AIビジュアルチェックは、将来のテストのための視覚的な参照として画面をキャプチャし、リグレッションテスト時に、実際の画面がキャプチャ画面と異なる場合にお知らせします。

マウスをドラッグして、どれが動的データか確定し、それが目視比較で除外されます。その後、「OK」ボタンをクリックして期待結果を保存するか、アイコンをクリックして選択済みのデータ領域を削除します。

2. パート1に従って、「期待結果」の画像参照のリンクをクリックして、選択済みのデータを再表示するか、編集することもできます。AIビジュアルチェックの期待結果を削除する場合は、アイコンをクリックします。

ユーザーはテスター4.0 の「テスト結果」ページでエビデンスを見ることができます。

システムは、期待結果を確認する時にエレメントの画像を比較することもサポートします。以下の手順に従って実施してください。

ストリーミング画面のエレメントをクリックしますàカスタムプロパティのテキスト「画像」の横にある「+」ボタンをクリックします。

そうすると、「画像比較」ポップアップが表示されます。ポップアップには2つのオプションがあります。

・画像のアップロード：画像（JPG、JPEG、PNG形式）のアップロードを許可します。

・現在画像の使用：現在のスクリーンショットを自動的にキャプチャし、エレメントの位置に基づいて、そのエレメントの画像を自動的にトリミングできるようにします。

オプション1：画像のアップロード

まず、「画像アップロード」タブをクリックしてから画像ファイルを選択し、「OK」をクリックします。画像を選択するとその画像がATOMPストレージにアップロードされます。既存の画像がある場合は、新しくアップロードされた画像が古い画像に置き換わります。→アップロード後、追加された期待結果＜エレメント＞は＜アップロードされた画像のファイル名＞と同じように表示されます。

オプション2：現在画像の使用

ボタンをクリックして現在のエレメントの画像を参照として使用し、「OK」ボタンをクリックします。画像は期待結果として使用されます。

6. IF – THEN – ELSE機能

手順1：「IF」ブロックを追加します。

「事前定義のアクション」タブにて、拡大用の「コマンド」メニューをクリックします。
「条件」サブメニューを拡大します。
「IF文」をクリックしてスクリプトにIFブロックを追加します。

➩ その後、新しいブロックが記録されたスクリプトセクションに表示されます。

1) にカーソルを合わせて、メニューを開きます。

「条件追加」をクリックして現在の「IF」ブロックに新しい条件を追加し、上記のように入力フォームが開かれます。
- 「サブ-IFの追加」をクリックし、現在のブロックに「サブ-IF」ブロックを追加します。
- 「ELSE IFの追加」をクリックし、現在の「IF」ブロックの後に「ELSE IF」ブロックを追加します。
- 「ELSEの追加」をクリックし、現在の「IF」ブロックの後に「ELSE」ブロックを追加します。
- 「ブロック削除」をクリックし、現在のブロックを削除します。「IF」ブロックを削除すると、それに属するすべての「ELSE IF」および「ELSE」ブロックも削除されます。アクションが実行される前に確定する必要があります。