テストケース作成・編集時に環境「クラウド」を指定する場合、要素の選択方法は２通りあります。
- キャプチャボタン
- 画面ごとに「キャプチャ」ボタンをクリックすることで要素を検出し、UI画像タブへ移動して該当のUIから要素を選択します。画面が変わるごとに、ブラウザ/端末タブとUI画像タブを交互に行き来する必要があります。ページ全体をキャプチャする場合はこの方法を使います。※スクロールのある画面のテスト
- 要素選択モード
- 「要素選択モード」をクリックすることで画面ごとに自動で要素を検出するので、画面ごとにキャプチャを撮らなくても、クラウド端末の画面上からリアルタイムに要素を選んで効率よくテストケースを作成できます。要素選択モードでは基本的にクラウド端末の画面上で作業を進められるため、ブラウザ/端末タブとUI画像タブを交互に行き来する方法に比べて素早くテストケースを作成できるようになります。
このページでは、要素選択モードを使ったリアルタイム簡単テスト作成の方法について説明します。
要素選択モードの利用方法
テストケースの編集画面を開き「環境」のプルダウンから「クラウド」を選択し、「起動」ボタンをクリックしてクラウド端末を起動します。ここではブラウザの場合で解説しますが、モバイルアプリの場合でも同様です。
クラウド端末が起動すると、右上に要素選択モードボタンが表示されるのでクリックして開始します。
モードが切り替わり、表示中の画面の要素検出が自動的にスタートします。
検出が終わると、画面上の要素を選択できる状態になります。UI要素をクリックしてテストを作成します。
UI要素をクリックすると、今クリックした行だけが選択された状態になります（ここでは最初のステップなので、例外的に画面遷移のコマンドも選択されています）。この状態で「実行」ボタンをクリックすると、今追加した行だけを実行することができます。
実行が終わるとまた自動的に要素検出が始まるので、次の操作のための要素をクリックします。このように、要素の検出→操作の追加→実行を繰り返してテスト作成を進めて行きます。
- アサーション（確認）のコマンドも適宜追加しましょう。
- 1操作ごとに実行する必要はありません。同じ画面の中で操作を進める場合には、1回検出→複数行の操作を追加→まとめて実行することも可能です。
- 要素検出は実行の直後に始まるので、画面遷移が遅い場合などには少し古い画面を読み込んでしまうことがあります。その場合は、遷移が終わるまで待ってから「再検出」ボタンをクリックして要素を更新してください。
一通りの操作を追加し終わったら、一度全体を通して実行し、問題なく動くことを確認します。実行する範囲は、テストケース左側の白い丸をクリックすることで自由に調整できます。画面遷移時に待機が足りない場合などは、ここで調整します。
もう一度右上のアイコンをクリックして要素選択モードを解除します。するとステップの各行の白い丸が消えます。このとき、編集した内容とUI（要素検出した画面）が保存されます。
【注意】要素選択モードで作成した内容は要素選択モードを終了するか保存ボタンをクリックするか履歴に保存をクリックしない限り保存されません。長いテストケースを作成するときには、適宜保存しておきましょう。
既存のUIから要素を選ぶ
要素選択モード実行中でも、通常のテスト実行と同じく「UI画像」タブから保存済みのUI画像の一覧を表示して要素を選ぶことができます。既に保存した画面の要素を再度使いまわしたいときは、あらためてブラウザ/端末を操作してその画面を開かなくても保存済みのUI画像から再利用が可能です。使いたい要素に合わせて「ブラウザ/端末」タブで表示中の画面と「UI画像」タブに保存した画面の要素を使い分けると、さらに効率的にテストケースを作成できます。
UIの整理
要素選択モードを使うと実行ごとに何度もUI画像が保存されるため、特に同じ画面を何度も操作した場合などに似たようなUIが大量に登録されてしまい整理がつきにくくなります。「UIの整理」機能を使うことで、類似のUIを1つにまとめてすっきりと管理できるようになります。
要素選択モードを解除した状態で、「UI画像」タブでUIの一覧を表示します。メニューから「UI整理」→「自動で整理」を押します。
図11 UI一覧
図12 自動で整理
すると、似たUIをまとめるための確認ダイアログが表示されます。ここでは、同じ画面に対応する「UI1_3」と「画面244」などの統合が提案されています。問題なければOKボタンで確定します。
図13 UI自動整理の確認ダイアログ
OKボタンを押す前に、「詳細」をクリックすると詳しい統合結果が表示されます。「使用中のUI要素」にマウスオーバーするとUI上に該当のUI要素が赤枠で表示されます。
図14 統合の詳細
「画面244」などがUIの一覧から削除されました。ここでは新しく作成した画面だけが登場していますが、既存のプロジェクトで既に登録されているUIがある場合にはそちらも整理の対象になります。
図15 UI一覧整理後
UIの自動整理は要素選択モードを使っていない場合でも使うことができます。UIを減らしておくと、テスト対象のサイトがバージョンアップされてデザインが変わった場合でも変更する箇所が少なくて済むのでおすすめです。