CSS プロパティの検証

CSS プロパティ検証では、色・背景色・フォントなど任意の CSS プロパティを検証できます。

Validate CSS property ステップの追加

Validate CSS property を追加するには:

1. 検証を追加したい位置の （矢印記号） にカーソルを合わせます。

アクションのオプションが表示されます。

2. Toggle Breakpoint ボタンをクリックします。

3. Play Scenario ボタンをクリックして、ブレークポイントまでテストを実行します。

4. もう一度 （矢印記号） にカーソルを合わせ、"M"（Testim の事前定義ステップ）をクリックします。
   Predefined steps メニューが開きます。

5. Validations をクリックします。
   Validations メニューが展開されます。

6. メニューをスクロールして Validate CSS property を選択します。

7. AUT ウィンドウで、CSS プロパティを検証したい関連要素を特定し、クリックして選択します。
   CSS Property Validation フォームが表示されます。

8. Property name フィールドに、要素の有効な CSS プロパティを入力します。

9. Expected value フィールドに、プロパティに対して検証したい値を入力します。値は次のいずれかになります:

10. ハードコードされた値 - ハードコードされた値を使用するには、値を引用符で囲みます（例: 'x'）

11. パラメーター値 - パラメーターを使用するには、定義されたパラメーターの名前を引用符なしで入力します。

12. OK をクリックします。

ステップが作成され、選択した要素のサムネイルがステップに表示されます。

13. 検証ステップの後の Toggle Breakpoint ボタンをクリックして、ブレークポイントを削除します。

Validate CSS property ステップの変更

選択した要素を変更したい場合、ステップを削除して再記録する必要はありません。代わりに、別の要素に再割り当てできます。さらに、新しい要素を選択せずに、選択した元の要素のプロパティ名や期待値を変更することもできます。
検証ステップで選択した要素を再割り当てするには:

1. 要素を再割り当てしたいステップの左側の位置にカーソルを合わせ、Toggle Breakpoint ボタンをクリックします。
2. Play Scenario ボタンをクリックして、ブレークポイントまでテストを実行します。
3. 要素を再割り当てしたいステップにカーソルを合わせ、Show Properties アイコンをクリックします。

右側に Properties パネルが表示されます。

4. Target element のサムネイルにカーソルを合わせてオプションを表示し、Reassign をクリックします。

5. AUT ウィンドウで、選択したい新しい要素を特定し、クリックします。
   選択した要素が Properties パネルの Target element ボックスに表示されます。
6. Properties パネルの Property name フィールドに、新しい要素のプロパティ名を入力します。
7. Properties パネルの Expected value フィールドに、新しいプロパティの期待値を入力します。

8. 要素を再割り当てしたステップの左側にある同じ Toggle Breakpoint ボタンをクリックして、ブレークポイントを削除します。
9. 新しい要素を選択せずに、選択した元の要素のプロパティ名や期待値を変更したい場合は、上記の手順 3、6、7 に従ってください。