JSステップ
  • 26 Jul 2022
  • 1 分で読めます
  • 投稿者
  • ダーク
    ライト

JSステップ

  • ダーク
    ライト

Autifyはノーコードで使えることが強みですが、コードを記述できないわけではありません!Autifyの標準機能でも幅広いテストに対応できますが、より高度なテストを行いたい場合、JavaScriptを活用すると作成・実行できるテストの幅が広がります。

JSステップとは?

JSステップとは、シナリオにお客さまご自身が任意のJavaScriptを記述する機能です。JSステップをご利用いただくと、Autifyの標準機能でできないさまざまことが可能になります。

JSステップをシナリオに追加する方法

  1. JSステップを追加したいシナリオ詳細画面を開きます。
  2. JSステップを追加したいステップの間にカーソルを移動させます。

Screen Shot 2022-07-21 at 18.15.00.png

  1. ボタンをクリックし、「ステップを挿入」 を選択します。表示されるメニューから 「JSステップ」 を選んでください。

Screen Shot 2022-07-21 at 18.15.23.png

  1. テキストエディタにJavaScriptのコードを入力します。コードは関数で囲ってありますから、シンタックスを入れる必要はありません。

Screen Shot 2022-06-13 at 5.56.28 PM.png

  1. 任意でJSステップに名前を付けたり、メモを記入したりできます。ステップの説明などにお役立てください。

Screen Shot 2022-06-13 at 6.07.15 PM.png

  1. JSステップが失敗したときにどのように対処するか選びます。

Screen Shot 2022-06-13 at 6.10.40 PM.png

  1. 保存をクリックします。

JSスニペットでreturnされた値を他のステップで使用する

JSステップでは、データを取得し、そのまま後続ステップに入力することが可能です。なお、使用できるのは文字列数字だけであり、取得したデータをJSステップの実行前のステップで使用することはできません。

実行したJSステップからのデータを入力する方法:

  1. JSステップreturn文を使用します

js-return-staement.png

  1. シナリオ詳細画面で、returnされた値を挿入するステップをクリックします

  2. 入力値のドロップダウンから、「他のステップから取得」を選び、どのJSステップのデータを挿入するか選びます

js-step-text-to-asign.png

この機能は、以下のステップでご利用いただけます。

  • 操作ステップ
  • 入力ステップ
  • URL遷移ステップ
  • アサーションステップ
  • ページのタイトルに対するアサーション
  • ページのURLに対するアサーション
  • ページに含まれるすべてのテキスト

JSステップで引数を使う

データや他のJSステップでreturnされた値は、JSステップ内で使用することができます。

  1. 引数を追加したいJSステップのサムネイルをクリックします

  2. Functionの括弧内のアイコンをクリックします

js-step-adding-arguments.png

  1. 引数名を入力し、追加をクリックします

js-step-arg-name.png

  1. 引数の値で、使用したい値の種類を選択します

argument-values.png

  • 「値を指定」 では、文字列を直接入力して使用できます
  • 「データ」 では、そのシナリオに設定されているCSVファイルのカラムを使用できます

data-arg-value.png

  • 「他のステップから取得」では、先行するJSステップでreturnされた値を使用できます

一度追加した引数を削除したり、名前を変更したりしたい場合、対象の引数をクリックしてください

rename-arg.png

JSステップのユースケース

Autifyでテストを行う際、JavaScriptはさまざまな場面で役立ちます。ユースケースをご紹介しましょう。

  • APIの実行
  • Cookieの設定・削除
  • カスタムアサーション

JSスニペット

Autifyのテストで使用頻度の高いJSスニペットをこちらにまとめました。ぜひご活用ください。

また、AutifyのダッシュボードからJSスニペットに直接アクセスすることもできます。

  1. 「Autifyヘルプセンター」をクリックします

Screen Shot 2022-06-21 at 5.30.44 PM.png

  1. Autify for Webヘルプセンターで「Autify JavaScriptスニペット」をクリックします

Screen Shot 2022-06-21 at 5.33.24 PM.png

JSスニペットの使い方

  1. シナリオにJSステップを追加します(手順はAutify Universityの「JSステップの追加方法」をご覧ください)

  2. AutifyのJSスニペットデータベースで、使用したいスニペットを選択します
    Screen Shot 2022-06-21 at 5.39.07 PM.png

  3. JSスニペットにカーソルを合わせ、スニペット右上の「コピー」アイコンをクリックします

Screen Shot 2022-06-21 at 5.40.44 PM.png

  1. スニペットをJSステップに貼り付け、必要に応じてコードを変更してください

Screen Shot 2022-06-21 at 5.44.10 PM.png


Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.