ウェブアプリへのファイルのアップロード

mablトレーナーでは、ファイルアップロードのステップとアサーションを組み合わせて、Webアプリケーションがファイルアップロードの操作を期待どおりに処理しているかどうかを確認できます。アップロードされたファイルは、今後のテスト編集やクラウド実行のためにmablワークスペースに追加され、アプリのテスト環境設定 > ファイルアップロードからアクセスできます。

続きを読んで、ウェブアプリへのファイルのアップロードについて詳しく学びましょう。

ファイルアップロードステップのトレーニング

ファイルアップロードのステップを使用するには、アプリケーションのページのHTMLにファイルタイプの入力要素が必要です。これはファイル選択に使用される標準的なHTML要素であり、mablはこの要素を通じてファイル入力を設定します。アプリケーションにこの要素がない場合、ファイルアップロードのステップは機能しません。

開始するには、mablトレーナーを開き、アプリケーション内のファイルアップロードステップが必要なページに移動します。録画ボタンがオンになっていることを確認してください。

1. アプリケーションの「ファイルのアップロード」または「ファイルを選択」ボタンをクリックしてください。
2. mablのファイルピッカーメニューで、ソースを選択します。
   • コンピューター: ローカルディスクを参照し、ファイルをワークスペースにアップロードします。
   • ダウンロード済み: 同じテスト内で事前にダウンロードしたファイルを再利用します。mablはダウンロードをファイル変数として追跡するため、実行ごとにファイル名が変わっても、再生時に適切なファイルが選択されます。
   • ワークスペース: ワークスペースのアップロードに保存済みのファイルを選択します。
3. mablは、ファイル入力を設定するステップを自動的に記録します: 「Set file input to {name-of-file}」。
4. アプリケーションでファイルのアップロードを送信するアクションを記録します。たとえば、「送信」ボタンをクリックします。
5. ファイルのアップロードが成功したことを確認するアサーションを作成します。このアサーションは、ファイルのアップロードが成功した後にアプリケーション内で何が起こるかによって異なります。

カスタムファイルアップロードステップの記録

何らかの理由で、ファイルを選択したときにTrainerが「set file input」ステップを記録しない場合は、CSSまたはXPathを使用したカスタムファイルアップロードステップの作成をお試しください。

1. Trainerで、 要素の検索ステップを追加します：ステップを追加 > 要素を検索。
2. XPath に切り替えて、//input[@type='file'] を入力してください。
3. アクションとしてファイル入力を設定を選択します。
4. アップロードするファイルをドロップダウンから選択してください。

ページに複数のファイル入力要素がある場合は、正しい要素をターゲットにするために、より具体的なXPath式が必要になることがあります。たとえば、//input[@type='file' and @name='document']のようになります。

ファイル入力の更新

ファイル入力を更新するには、記録されたファイルアップロードステップの横にある鉛筆アイコンをクリックしてください。ドロップダウンから新しいファイル入力を選択できます。

まだmablアプリケーションにアップロードされていない新しいファイルをアップロードするには、既存のファイルアップロードステップを削除し、新しいファイル入力で新しいアップロードステップを記録してください。

シナリオごとに異なるファイルをアップロード

状況に応じて異なるファイルをアップロードする必要がある場合は、条件分岐を使用してシナリオを評価し、適切なファイルへの入力を設定してください。次のスクリーンショットは、データテーブルのシナリオに応じて異なるファイルをアップロードするテストステップを示しています。

データテーブルのシナリオに応じて異なるファイルをアップロードする