レイアウトアサーションとグループアサーション

要素の位置関係を確かめる、または 1 つの画面の複数のアサーションを一度に確かめます。

レイアウトアサーション

レイアウトアサーションは、見た目や文言ではなく、要素がどこにあるかを検証します: フォームの入力欄、ダイアログのボタン、ダッシュボードのカードなどです。画面の外へ押し出されたボタン、重なり合った 2 個の要素、ずれた列を捉えます。

レイアウトアサーションは要素の位置関係を比較します。ここでは「Cancel」ボタンが「Confirm」ボタンの下に移動しており、要素は一つ一つ正しく見えても配置は崩れていて、アサーションは移動した要素を名指しします。

レイアウトアサーションを作る

1
画面がそろった時点にレイアウトアサーションをドロップする
「アサーション」パレットから、すべてが画面に表示されている時点のアサーショントラックへドロップします。
2
「要素を検出」をクリックする
GTS Engine + AI が画面のすべての要素を自動で見つけます: テキスト、ボタン、入力欄、画像です。それぞれに名前が付き、変更できます。
3
必要なものだけを残す
広告など、定位置にとどまる必要のない要素のチェックを外します。要素を追加するには、その周りに四角形を描きます。
4
判定を読んで「適用」する
フレームの下の帯に、配置が維持されているかどうかが表示されます。ほかのフレームで試すには、別のフレームを使用...から記録の中を移動します。

維持されていないとき

エディターとレポートは、動いた要素の名前、動いた量、それが問題になる理由を示します。アサーションが成り立つ設定があれば、ワンクリックで提案され、先に試されているので、効くことが分かったうえで選べます。

どこまで許容するか

設定	意味
位置の許容差	要素が定位置からどれだけ離れていてよいか (ピクセル単位)。
サイズの許容差	要素がどれだけ大きく、または小さくなってよいか。
定位置にあるべき要素	定位置にある必要がある要素の割合。
配置が別の場所にあることを許可	ウィンドウが別の場所で開いたときのように、グループ全体が一緒に動いてもかまいません。
テキストの変化を許可	テキストは文言を変えてよく、それに伴って幅が変わっても、動いたとは数えません。

グループアサーション

グループアサーションは、同じ画面の同じ時点で複数のものを検証します: 各メンバーは通常のビジュアルアサーションまたはテキストアサーションです。にぎやかな画面でも、10 個のブロックではなく 1 個のブロックとして、タイムラインを読みやすく保ちます。

例確認ダイアログ

メンバーが 4 個のグループアサーション 1 個: ダイアログのタイトル (テキストアサーション)、メッセージ (テキストアサーション)、「確認」ボタンと「キャンセル」ボタン (ビジュアルアサーション) です。「配置も検証」にチェックを入れると、それらが記録時と同じように並んでいることもグループが検証します。

グループアサーションを作る

1
グループアサーションをドロップして開く
検証したい画面がそろった時点に置きます。
2
「要素を検出」をクリックする
各要素は、それにふさわしいアサーションとして提案されます: 描かれたものは画像、書かれたものはテキストアサーション、変化する値は動的テキストアサーションです。残したいものをクリックするか、すべて追加をクリックしてください。リストの上のフィルタービジュアル、固定テキスト、動的テキストで、一度に 1 種類だけ表示できます。
3
調整して「適用」する
より適切だと分かっていれば、メンバーを画像からテキストアサーションへ、またはその逆に変更します。フレームの下の帯に、すべてのメンバーが見つかったかどうかが表示されます。