画像、スクリーンショット、コラージュ

画像はどこから来るか

テストはふつう記録から始まりますが、画像も同じくらい役に立ちます: 記録には映らなかった要素、まだ存在しない画面、残しておきたい瞬間などです。テストのすべての画像はコンテンツファイルにあり、テストファイルの中に入って一緒に移動します。

スクリーンショットを撮る

スクリーンショットは、画面のどの部分でもテストに取り込みます: 記録が捉えなかったダイアログ、ブラウザーの中のプロトタイプ、別のテーマのアプリなどです。

1. 1

   「スクリーンショットを撮影」をクリックする

   GUI Test Studio のツールバー、タイムラインメニュー、または Ctrl+Shift+P から行います。GUI Test Studio は脇へ退き、画面の上に小さなバーを残します。

2. 2

   画面を整える

   ゆっくりで構いません: 目的のウィンドウ、メニュー、ページを開いてください。バーが何かを覆っているなら、ドラッグしてどけます。バーも GUI Test Studio も、画像に写ることはありません。

3. 3

   一部、または全体をキャプチャする

   領域をキャプチャ...をクリックして目的の部分を四角形で囲むようにドラッグするか、画面全体をクリックします。

4. 4

   名前を付けて残す

   GUI Test Studio が画像とともに戻ってきます。名前を付けてコンテンツファイルに保存をクリックするか、撮り直すをクリックしてもう一度試します。

フレームをキャプチャする

フレームをキャプチャは、再生ヘッドの下の瞬間を画像として残します。再生ヘッドを目的の瞬間へ動かし、タイムラインのツールバー、またはタイムラインの任意の右クリックメニューでフレームをキャプチャをクリックしてください。このボタンは、再生ヘッドが記録の上にある間だけ有効になります。

画像はコンテンツファイルに追加され、その瞬間のタイムラインに 5 秒のクリップとして置かれます。「元に戻す」を 1 回行えば、クリップは取り消されます。

拡大

画像の名前の変更と検索

コンテンツファイルで画像または記録を右クリックして名前の変更...を選ぶか、F2 キーを押します。「チェックアウトボタン」のように、写っているものを名前にしてください。名前はテストと一緒に保存されます。

テストに多くのファイルがあるときは、コンテンツファイルの上部にある検索欄に入力するか、その横のリストで種類を選びます: 動画、画像、デザイン、テストです。

拡大

画面の上に画像を置く

画像は、画面を置き換えなくてもかまいません。記録の上に画像を置くと、プレビューにはコラージュのように両方が表示されます: 記録どおりのアプリの上に、新しいボタン、バッジ、ダイアログが重なります。まだ作られていないものに対するアサーションを準備する、いちばん手早い方法です。

移動、サイズ変更、回転

プレビューで画像をクリックすると選択されます。ほかの場所をクリックするまで、ハンドルは表示されたままです。

ドラッグ中、画像はフレームやほかの画像の端と中央にスナップし、ガイド線が何に揃っているかを示します。Alt キーを押したままにすると自由に動かせ、右クリックメニューで画像をスナップをオフにもできます。

アサーションエディターの中の画像

どのアサーションエディターにも、フレームの横に、テストの画像を並べた「画像」トレイがあります。画像をフレームへドラッグするか、ダブルクリックしてください。プレビューとまったく同じように、そこで移動、サイズ変更、回転ができます。

拡大

エディターで置いた画像は、テストのその瞬間のプレビューにも表示されます。エディターの元に戻すで取り消せ、キャンセルはエディターを開いてから置いたすべての画像を取り消します。

次は、実装前の機能をテストするで、ここまでの内容をまとめて使います。