如何在 VSCode 中為初學者建立天氣應用程式（響應後自動化測試）

之前我們一起搭建了一個天氣應用後端，但是我們如何確保返回的結果是我們期望的呢？雖然手動檢查輸出中的小響應很容易，但如果傳回的資料很大或難以逐行驗證怎麼辦？

今天，我們將更深入地探討如何使用 EchoAPI 中的 Post-response 來自動化測試過程。這將使我們能夠自動檢查 API 回應是否符合我們的預期，從而節省我們的時間和精力。

要使用 EchoAPI 自動執行測試，您將使用其 回應後 功能來編寫在 API 請求後自動執行的腳本。這些腳本有助於驗證 API 回應的正確性，並確保即使您稍後進行更改，應用程式也能按預期運行。

讓我們詳細介紹如何使用 EchoAPI 自動化天氣應用測試。

使用 EchoAPI 自動化測試的步驟

在 VSCode 中設定 EchoAPI

確保您在 VSCode 中安裝了 EchoAPI for VS Code 擴充功能。安裝後，您將能夠在 EchoAPI 介面中測試和自動化請求。 免費使用！ ！ ！

建立 GET 要求：

將方法設定為GET。

使用以下 URL 測試天氣 API：

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

點擊「發送」以確保您的要求有效並傳回正確的天氣資料。您應該在 Response 中看到如下 JSON 回應：

新增後回應腳本

現在您已經手動測試了天氣 API，讓我們新增自動化測試來驗證回應資料。

前往 EchoAPI 中的回應後標籤來處理您的要求。

新增回應後腳本，使用JavaScript自動檢查天氣資料。

這是一個簡單的後腳本範例，用於驗證：

• 反應狀態為200（正常）。
• 響應包含溫度字段，並確保'溫度'是一個數字
• 回應包含 天氣 字段，並確保 'weather' 字段是字串
• 回應包含 City 字段，並確保 'city' 字段是字串

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

運行測試

新增測試腳本後，再次點擊「發送」即可執行您的要求並自動執行測試腳本。

然後點選右邊的「測試結果」。

測試結果將顯示檢查是否通過。
如果一切順利，您將看到類似以下內容：

透過更多任務自動化後期回應（可選）

如果您想要執行多個回應後自動測試，您可以在回應後部分新增其他任務。這使您可以一次性運行所有測試。

我們可以為多個城市添加不同的請求、錯誤場景，並將特定的測試腳本附加到我們案例中的每個城市。

錯誤檢查

為了確保您的應用程式能夠處理各種場景，您可以修改請求並測試錯誤狀況。

例如，使用無效的城市名稱進行測試：

將請求 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

當您執行此測試時，EchoAPI 將自動驗證您的 API 是否針對無效輸入回應正確的錯誤訊息和狀態代碼。

測試不同的場景

除了現有的測試之外，我們來驗證一下傳回的資料是否是紐約這個大蘋果。我們將建立一個新任務並將其命名為「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 將自動執行所有測試，並顯示哪些測試通過了，哪些測試失敗了。

結果如下：

您可以透過拖曳此處的圖示來重新排列它們來調整執行順序。

透過切換開關來開啟和關閉回應後執行。

為什麼要使用 EchoAPI 進行自動化測試？

• 免費：免費!!!
• 一致性：確保您的 API 回應隨著時間的推移保持一致。
• 快速驗證：自動檢查 API 的多個方面，無需每次手動檢查資料。
• 錯誤預防：在部署變更之前儘早捕獲錯誤或回歸。

使用 EchoAPI 自動化測試可確保您的天氣應用程式能如預期運作。保持可靠的 API 從未如此簡單。

編碼愉快？ .

以上是如何在 VSCode 中為初學者建立天氣應用程式（響應後自動化測試）的詳細內容。更多資訊請關注PHP中文網其他相關文章！