？使用 Jest 和 Axios 進(jìn)行 Fireup 單元和整合測(cè)試

測(cè)試是確保您的程式碼按預(yù)期工作並隨著時(shí)間的推移保持可靠性的重要組成部分。本指南透過使用 Jest 和 Axios 的範(fàn)例解釋單元測(cè)試和整合測(cè)試。到此結(jié)束時(shí)，您將能夠自信地編寫自己的測(cè)試！ ？

---

?? 目錄

1. 測(cè)試簡(jiǎn)介
2. 單元測(cè)試
3. 與 Ax??ios 的整合測(cè)試
4. 結(jié)論

---

？測(cè)試簡(jiǎn)介

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

• 單元測(cè)試：?jiǎn)为?dú)測(cè)試各個(gè)功能或組件。
• 整合測(cè)試：驗(yàn)證應(yīng)用程式的不同部分如何協(xié)同工作。

這些測(cè)試有助於及早發(fā)現(xiàn)錯(cuò)誤、減少回歸問題並維持較高的程式碼品質(zhì)。讓我們從探索單元測(cè)試開始！ ？

---

？單元測(cè)試

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

範(fàn)例：測(cè)試 Sum 函數(shù)

這是一個(gè)對(duì)兩個(gè)數(shù)字求和的簡(jiǎn)單函數(shù)：

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

編寫單元測(cè)試

建立一個(gè)測(cè)試檔案 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)行單元測(cè)試

使用以下命令執(zhí)行測(cè)試：

npx jest src/__tests__/sum.test.js

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

---

？與 Axios 的整合測(cè)試

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

從 API 取得使用者資料的函數(shù)

範(fàn)例：取得用戶數(shù)據(jù)

假設(shè)我們有一個(gè)從 API 檢索使用者資料的函數(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;
};

編寫整合測(cè)試

要測(cè)試此功能，請(qǐng)建立一個(gè)檔案 src/__tests__/apiService.test.js。我們將模擬 Axios 以阻止真正的 API 呼叫。

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

要點(diǎn)：

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

運(yùn)行整合測(cè)試

使用以下命令執(zhí)行測(cè)試：

// 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)成功和失敗場(chǎng)景的測(cè)試均已通過。 ?

？結(jié)論

單元和整合測(cè)試是建立可靠且可維護(hù)的應(yīng)用程式的重要工具。使用 Jest 和 Axios，您可以：

• 使用單元檢定驗(yàn)證各個(gè)函數(shù)。
• 使用整合測(cè)試驗(yàn)證模組之間的交互作用。

單元和整合測(cè)試是確保您的程式碼單獨(dú)和集體運(yùn)作良好的強(qiáng)大方法。立即開始在您的程式碼庫中新增測(cè)試，並享受知道您的應(yīng)用程式經(jīng)過充分測(cè)試所帶來的安心感?？鞓返木幋a和測(cè)試！ ????

以上是單元和整合測(cè)試的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！