カスタムのJavaScriptスニペットを作成する必要があり、開始にあたってサポートが必要な場合は、AIスニペットジェネレーターをお試しください。スニペットに実行させたい内容を説明すると、AIスニペットジェネレーターが代わりに作成します。この記事では、ブラウザテストおよびモバイルテストでAIスニペット生成を使用する際のベストプラクティスを紹介します。APIテストスクリプトについては、APIテストのカスタムスクリプトに関する記事をご覧ください。
明確なプロンプトの記述
まず、スニペットに実行させることを明確なプロンプトで定義し、必要に応じて例を示します。目的とする出力をプロンプトで確実に生み出すには、有効な結果と無効な結果のサンプルを盛り込みます。たとえば、過去20年以内の日付をランダムに返すプロンプトとして、次の例が考えられます。
「過去20年以内のランダムな日付をMM/DD/YYYY形式で返してください。2023年6月1日であれば、06/01/2023と返します。06/01/2035という応答は、未来なので無効です。14/35/2020という応答は、月フィールドと日フィールドが範囲外なので無効です。」
データの生成
「18才から65才までのランダムな生年月日をMM/DD/YYYY形式で返してください。」
「POで始まり、ランダムな2文字の数字が続き、その後にランダムな3文字の英字が続く文字列を返してください。」
ページからのデータ抽出
「mblで始まる現在のURLからIDを返します。たとえば、現在のURLが
https://www.example.com/users/12345/?id=mbl309jd3の場合、結果はmbl309jd3になります」
「ページ上で選択されているチェックボックスをすべてカウントしてください。選択されているチェックボックスの数を返してください。」
ページとのインタラクション
「ページの一番下までスクロールした後、一番上までスクロールしてください。」
ページとのインタラクションに関するガイドライン
AIスニペットジェネレーターは、DOM（ウェブ）またはAppiumドライバーオブジェクト（モバイル）を通じてページと連携するスニペットを作成できます。ただし、スニペットジェネレーターはHTMLやページソースにアクセスできないため、ページの内容を確認することはできません。最良の結果を得るには、プロンプトを入力する前に、インタラクションしたいページを検査してください。
- ウェブアプリ - DevToolsを開き、インタラクションしたい要素を検査します。
- モバイルアプリ - デバッグビューを開き、検査タブを開きます。
AIが正確なセレクターを生成できるよう、id、class、data-testidなど、関連する属性をプロンプトに含めてください。たとえば、保険請求ページのチェックボックスをチェックしたい場合は、次のようにします。
- 曖昧すぎる：「ページ上で最新の保険請求のボックスをチェックします。」AIはDOMにおいて「保険請求」が何を表すかを認識できません。
- より良い：「リスト内で最新の日付を持つ項目に関連するチェックボックスをチェックします。」AIはDOM構造を使用した汎用スニペットを作成できます。
-
最良：「クラス
claims-listを持つテーブルの最初の行内にあるチェックボックスで、最新の日付を持つものをチェックします。」AIは正確な要素をターゲットにできます。
スニペット生成前のパラメーターの追加
パラメータを使用すると、スニペットをより簡単に変更したり、テスト間で再利用したりできます。AIでパラメータ化されたスニペットを生成するには、プロンプトを入力する前にパラメータを追加し、プロンプトがパラメータを参照していることを確認してください。たとえば、次のようにします。
- スニペット編集者にパラメータを追加します。たとえば、
test_idのようにします。 - それを参照するプロンプトを入力します。たとえば、「
test_idの値に一致するチェックボックスをクリックします」のようにします。 - スニペットを生成します。
プロンプトでパラメーターを参照する例を次の表に示します。
| パラメーター | プロンプト |
|---|---|
| id | "id" の値に一致するチェックボックスを選択し、"Checked!" を返してください |
| token | 指定されたtokenを使用してAPI呼び出しを実行してください |
| valueToUpperCase | 「valueToUpperCaseをすべて大文字で返します」 |
必要なだけ反復
AIスニペットジェネレーターは、コードエディター内の既存のスニペットを繰り返し改善できます。AIスニペットジェネレーターの最初の出力が期待どおりでない場合は、フォローアッププロンプトで引き続き指示を提供してください。AIは現在のスニペットコードを確認できるため、最初から作り直すのではなく、既存のコードを改良します。
たとえば、「今日の日付を返します」というプロンプトを入力し、AIスニペットジェネレーターがMM/DD/YYYY形式で日付を返した場合、既存のスニペットを変更するフォローアッププロンプトを送信できます。「代わりにDD/MM/YYYY形式で日付を返します。」
変更を元に戻す
以前のスニペットに戻したい場合は、作業を保存していなければ、コードエディターをクリックしてCTRL + Z／CMD + Zのキーボードショートカットを使用して変更を元に戻してください。