以前、天気予報(bào)アプリのバックエンドを一緒に構(gòu)築しましたが、返された結(jié)果が期待どおりであることを確認(rèn)するにはどうすればよいでしょうか?小さな応答については出力を手動(dòng)でチェックするのは簡単ですが、返されたデータが大きい場合や行ごとに検証するのが難しい場合はどうすればよいでしょうか?

今日は、さらに深く掘り下げて、EchoAPI の Post-response を使用してテスト プロセスを自動(dòng)化する方法を探っていきます。これにより、API 応答が期待と一致するかどうかを自動(dòng)的にチェックできるようになり、時(shí)間と労力を節(jié)約できます。

EchoAPI でテストを自動(dòng)化するには、その ポストレスポンス 機(jī)能を使用して、API リクエストの後に自動(dòng)的に実行されるスクリプトを作成します。これらのスクリプトは、API 応答の正確性を検証し、後で変更を加えた場合でもアプリケーションが期待どおりに動(dòng)作することを確認(rèn)するのに役立ちます。

EchoAPI を使用して天気予報(bào)アプリのテストを自動(dòng)化する方法を詳しく見てみましょう。

EchoAPI を使用してテストを自動(dòng)化する手順

VSCode で EchoAPI をセットアップする

VSCode に EchoAPI for VS Code 拡張機(jī)能がインストールされていることを確認(rèn)してください。インストールすると、EchoAPI インターフェイス內(nèi)でリクエストをテストおよび自動(dòng)化できるようになります。使用は無料です!!!

GET リクエストを作成します:

メソッドを GET に設(shè)定します。

天気予報(bào) API をテストするには、次の URL を使用します:

http://localhost:3000/weather?city=London

[送信] をクリックして、リクエストが機(jī)能し、正しい気象データが返されることを確認(rèn)します。 Response に次のような JSON レスポンスが表示されます。

応答後スクリプトを追加する

天気 API を手動(dòng)でテストしたので、応答データを検証する自動(dòng)テストを追加しましょう。

リクエストの EchoAPI の Post-response タブに移動(dòng)します。

JavaScript を使用して ポストレスポンス スクリプトを追加し、気象データを自動(dòng)的にチェックします。

以下を検証する簡単なポストスクリプトの例を示します。

• 応答ステータスは 200 (OK) です。
• 応答には Temperature フィールドが含まれており、「溫度」 が數(shù)値であることを確認(rèn)してください
• 応答には Weather フィールドが含まれており、'weather' フィールドが文字列であることを確認(rèn)します
• 応答には City フィールドが含まれており、'city' フィールドが文字列であることを確認(rèn)してください

http://localhost:3000/weather?city=London

テストを?qū)g行する

テスト スクリプトを追加した後、[再度送信] をクリックしてリクエストを?qū)g行し、テスト スクリプトを自動(dòng)的に実行します。

次に、右側(cè)の「テスト結(jié)果」をクリックします。

テスト結(jié)果には、チェックが成功したか失敗したかが表示されます。
すべてが成功すると、次のようなものが表示されます:

追加のタスクで事後応答を自動(dòng)化する (オプション)

複數(shù)の 応答後の自動(dòng)テストを?qū)g行する場合は、[応答後] セクションにタスクを追加できます。これにより、すべてのテストを一度に実行できます。

この場合、複數(shù)の都市、エラー シナリオに異なるリクエストを追加し、それぞれに特定のテスト スクリプトを添付できます。

エラーチェック

アプリがさまざまなシナリオを確実に処理できるようにするために、リクエストを変更し、エラー ケースをテストできます。

たとえば、無効な都市名を使用してテストします:

リクエスト URL を無効なものに変更します:

// Check if the response status is 200 (OK)

pm.test("Status code is 200", function () {
  pm.response.to.have.status(200);
});

// Check if the response has 'temperature', 'weather', and 'city' fields

pm.test("Response contains temperature, weather, and city", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData).to.have.property('temperature');
  pm.expect(jsonData).to.have.property('weather');
  pm.expect(jsonData).to.have.property('city');
});

// Ensure the 'temperature' is a number

pm.test("Temperature is a number", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.temperature).to.be.a('number');
});

// Ensure the 'weather' field is a string

pm.test("Weather is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.weather).to.be.a('string');
});

// Ensure the 'city' field is a string

pm.test("City is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.city).to.be.a('string');
});

新しいタスクでこのケースを処理するテスト スクリプトを追加します:

http://localhost:3000/weather?city=InvalidCity

このテストを?qū)g行すると、EchoAPI は API が正しいエラー メッセージと無効な入力に対するステータス コードで応答するかどうかを自動(dòng)的に検証します。

さまざまなシナリオをテストする

既存のテストに加えて、返されたデータがニューヨーク (ビッグ アップル) のものであることを確認(rèn)してみましょう。新しいタスクを作成し、「This is for ?」という名前を付けます。

リクエスト URL をニューヨークに変更します:

http://localhost:3000/weather?city=London

応答後のセクションに追加するスクリプトは次のとおりです:

// Check if the response status is 200 (OK)

pm.test("Status code is 200", function () {
  pm.response.to.have.status(200);
});

// Check if the response has 'temperature', 'weather', and 'city' fields

pm.test("Response contains temperature, weather, and city", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData).to.have.property('temperature');
  pm.expect(jsonData).to.have.property('weather');
  pm.expect(jsonData).to.have.property('city');
});

// Ensure the 'temperature' is a number

pm.test("Temperature is a number", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.temperature).to.be.a('number');
});

// Ensure the 'weather' field is a string

pm.test("Weather is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.weather).to.be.a('string');
});

// Ensure the 'city' field is a string

pm.test("City is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.city).to.be.a('string');
});

このスクリプトを追加したら、もう一度 「送信」 をクリックします。 EchoAPI はすべてのテストを自動(dòng)的に実行し、どのテストが成功し、どのテストが失敗したかを表示します。

結(jié)果は次のとおりです:

ここのアイコンをドラッグして並べ替えることで、実行順序を調(diào)整できます。

スイッチを切り替えて、応答後の実行をオンまたはオフにします。

EchoAPI を使用してテストを自動(dòng)化する理由

• 無料: 無料です!!!
• 一貫性: API レスポンスが長期にわたって一貫していることを確認(rèn)します。
• クイック検証: データを毎回手動(dòng)で確認(rèn)することなく、API の複數(shù)の側(cè)面を自動(dòng)的にチェックします。
• エラー防止: 変更をデプロイする前に、早期にエラーやリグレッションを検出します。

EchoAPI を使用してテストを自動(dòng)化すると、天気予報(bào)アプリが期待どおりに動(dòng)作するようになります。信頼性の高い API を維持することが、これほど簡単なことはかつてありませんでした。

コーディングをお楽しみください?

以上が初心者向けに VSCode で天気アプリを構(gòu)築する方法 (応答後の自動(dòng)テスト)の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。