JavaScriptスニペットの例

JavaScriptスニペットは、mabl内でより複雑なテストシナリオを処理するのに最適です。この記事では、実際に使用されているスニペットのいくつかの実例を紹介します。

• ブラウザの [戻る] ボタン
• 文字列からの値の削除

ブラウザの [戻る] ボタン

JavaScriptスニペットを使用すると、アプリケーション内でカスタムアクションを実行できます。

このスニペットは、browserBackButton関数を呼び出します。この関数は、ブラウザウィンドウの [戻る] ボタンのクリックをシミュレートします。

function mablJavaScriptStep(mablInputs, callback) {
    setTimeout(function(){ window.history.back() }, 1000);
    callback(true);
}

実際の手順

1. mablトレーナーでJavaScriptステップを作成します。
2. 上記のコードをコピーし、コードエディターに貼り付けます。
3. スニペットを保存します。
4. [OK] をクリックします。このスニペットを実行すると、ブラウザが前のページに戻ります。

文字列からの値の削除

データ操作は、JavaScriptスニペットを使用するもう一つの一般的な理由です。

ページエレメントから抽出された変数値を使用するものの、値に余分な文字が含まれている場合、JavaScriptを使用して部分文字列を抜き出し、不要な文字を削除できます。

例を示します。

• User ID 5489を5489にする
• $45.87を45.87にする

このスニペットでは、2つのパラメーター、string と remove_value を使用し、どちらも手動で追加する必要があります。

• string: 値全体を表します。
• remove_value: stringから削除する文字を表します。

function mablJavaScriptStep(mablInputs, callback, remove_value = '$', string = '$1.97') {
  // Remove value from string
  string = string.replace(remove_value, "");
  // Return string 
  callback(string);
}

実際の手順

このスニペットの出力を変数に保存し、新しい形式のこの変数値を必要に応じてテストで使用します。

詳細はこちら

その他の例については、公開されているJavaScriptリポジトリを参照してください。