Webアプリケーション用にAPIテストを構築

既存のWebアプリケーションからAPIテストをビルドします。

Webアプリは通常、フロントエンドとバックエンドで構成されます。バックエンドからは、データを消費するフロントエンドで使用されるREST APIを公開します。

Webアプリで新しいフィーチャーを開発する場合、バックエンド開発者は既存のAPIを壊したくありません。フロントエンド開発者側では、信頼性の高いAPIでUIレイヤーを構築します。このように、彼らは本当に重要なことに集中できます: つまり、優れたユーザーエクスペリエンスのデザインに集中できます。

APIテストが価値をもたらすのはここです。APIテストは、開発チームがアプリケーションコードの変更時にAPIコントラクトを壊さないようにするために役立ちます。

手順

ブラウザーでWebアプリを開きます。
ブラウザーのデベロッパーツールを開き、[Network] (ネットワーク)タブを選択します。

このチュートリアルは、ユーザーがクエンティン・タランティーノの映画を閲覧することを可能にするウェブとモバイルアプリのスクリーンショットによって示されています。
Webアプリを使ってユーザーの一連のオペレーションを再現します。

Webアプリのフロントエンドは、さまざまな画面をナビゲートする時にバックエンドAPIを呼び出します。ブラウザーの[Network] (ネットワーク)タブで送信されるリクエストを確認できます。
これらのネットワーク交換をHAR形式で保存またはコピーします。

HAR (HTTP Archive)は、Webブラウザーのネットワークインタラクションを保管することを目的としたJSONベースのアーカイブファイルです。
Talend Cloud API Testerを開いて、[SCEANRIOS] (シナリオ) > [Import] (インポート) > [Import HAR 1.2] (HAR 1.2をインポート)に進みます。
.harファイルをアップロードしてAPIテストに含めるリクエストを選択し、[Import] (インポート)をクリックします。

フィルタリング機能を使用すると、テストするバックエンドAPIを対象としないリクエスト(画像、CSS、Javascriptなど)を非表示にできます。
[Create] (作成) > [Project] (プロジェクト)をクリックして、リクエストを保存するプロジェクトを選択するか、新しいものを作成します。
[Create] (作成) > [Scenario] (シナリオ)をクリックして、この一連のリクエストをシナリオに保存します。

Talend Cloud API Testerでは、シナリオとは、APIの実際の使用を厳密にエミュレートする、順序付けられたリクエストのシーケンスのことをいいます。
シナリオに名前を付けて[Add] (追加)をクリックし、[Save] (保存)をクリックします。
シナリオを実行して、Talend Cloud API Testerによって送信されたリクエストを確認します。
シナリオにアサーションを追加します。

アサーションにより、APIが期待どおりに動作することを確認します。適切な開始点は、レスポンス状態コードを確認することです(たとえば、GETリクエストに対して通常200状況コードが予想されます)。

その後、続けてレスポンスヘッダーとボディにアサーションを作成できます。詳細は、アサーションをご覧ください。

このページは役に立ちましたか?

このページまたはコンテンツにタイポ、ステップの省略、技術的エラーなどの問題が見つかった場合はお知らせください。

こちらにフィードバックをお寄せください