？使用 Jest 和 Axios 進(jìn)行 Fireup 單元和集成測試

測試是確保您的代碼按預(yù)期工作并隨著時間的推移保持可靠性的重要組成部分。本指南通過使用 Jest 和 Axios 的示例解釋單元測試和集成測試。到此結(jié)束時，您將能夠自信地編寫自己的測試！ ？

---

?? 目錄

1. 測試簡介
2. 單元測試
3. 與 Axios 的集成測試
4. 結(jié)論

---

？測試簡介

測試涉及驗(yàn)證您的代碼在各種條件下的行為是否符合預(yù)期。使用流行的測試庫 Jest，您可以編寫兩種關(guān)鍵類型的測試：

• 單元測試：單獨(dú)測試各個功能或組件。
• 集成測試：驗(yàn)證應(yīng)用程序的不同部分如何協(xié)同工作。

這些測試有助于及早發(fā)現(xiàn)錯誤、減少回歸問題并保持較高的代碼質(zhì)量。讓我們從探索單元測試開始！ ？

---

？單元測試

單元測試專注于單獨(dú)測試單個功能或組件。它確保代碼的每個小單元按預(yù)期獨(dú)立工作。

示例：測試 Sum 函數(shù)

這是一個對兩個數(shù)字求和的簡單函數(shù)：

// src/sum.js
export const sum = (a, b) => a + b;

編寫單元測試

創(chuàng)建一個測試文件 src/__tests__/sum.test.js 并寫入以下內(nèi)容：

// src/__tests__/sum.test.js
import { sum } from '../sum';

describe('sum', () => {
  it('should add two numbers correctly', () => {
    expect(sum(1, 2)).toBe(3);
    expect(sum(-1, 1)).toBe(0);
  });
});

運(yùn)行單元測試

使用以下命令運(yùn)行測試：

npx jest src/__tests__/sum.test.js

如果一切按預(yù)期進(jìn)行，您將看到一個 ? 確認(rèn)測試已通過。

---

？與 Axios 的集成測試

集成測試確保應(yīng)用程序的不同部分能夠很好地協(xié)同工作。讓我們測試一個使用 Axios.

從 API 獲取用戶數(shù)據(jù)的函數(shù)

示例：獲取用戶數(shù)據(jù)

假設(shè)我們有一個從 API 檢索用戶數(shù)據(jù)的函數(shù)：

// src/apiService.js
import axios from 'axios';

export const fetchUserData = async (userId) => {
  const response = await axios.get(`https://jsonplaceholder.typicode.com/users/${userId}`);
  return response.data;
};

編寫集成測試

要測試此功能，請創(chuàng)建一個文件 src/__tests__/apiService.test.js。我們將模擬 Axios 以阻止真正的 API 調(diào)用。

// src/sum.js
export const sum = (a, b) => a + b;

要點(diǎn)：

• jest.mock('axios')：模擬整個 Axios 庫。
• mockResolvedValue：模擬成功的 API 響應(yīng)。
• mockRejectedValue：模擬 API 失敗。

運(yùn)行集成測試

使用以下命令運(yùn)行測試：

// src/__tests__/sum.test.js
import { sum } from '../sum';

describe('sum', () => {
  it('should add two numbers correctly', () => {
    expect(sum(1, 2)).toBe(3);
    expect(sum(-1, 1)).toBe(0);
  });
});

如果成功，Jest 將確認(rèn)成功和失敗場景的測試均已通過。 ?

？結(jié)論

單元和集成測試是構(gòu)建可靠且可維護(hù)的應(yīng)用程序的重要工具。通過使用 Jest 和 Axios，您可以：

• 使用單元測試驗(yàn)證各個函數(shù)。
• 使用集成測試驗(yàn)證模塊之間的交互。

單元和集成測試是確保您的代碼單獨(dú)和集體運(yùn)行良好的強(qiáng)大方法。立即開始向您的代碼庫添加測試，并享受知道您的應(yīng)用程序經(jīng)過充分測試所帶來的安心。快樂的編碼和測試！ ????

以上是單元和集成測試的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！