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

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

---

?? 目錄

1. 測(cè)試簡(jiǎn)介
2. 單元測(cè)試
3. 與 Axios 的集成測(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è)功能或組件。它確保代碼的每個(gè)小單元按預(yù)期獨(dú)立工作。

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

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

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

編寫單元測(cè)試

創(chuàng)建一個(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è)試

使用以下命令運(yùn)行測(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ù)據(jù)的函數(shù)

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

假設(shè)我們有一個(gè)從 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;
};

編寫集成測(cè)試

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

// 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è)試

使用以下命令運(yùn)行測(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è)試是構(gòu)建可靠且可維護(hù)的應(yīng)用程序的重要工具。通過使用 Jest 和 Axios，您可以：

• 使用單元測(cè)試驗(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)文章！