单元和集成测试

？使用 Jest 和 Axios 进行 Fireup 单元和集成测试

测试是确保您的代码按预期工作并随着时间的推移保持可靠性的重要组成部分。本指南通过使用 Jest 和 Axios 的示例解释单元测试和集成测试。到此结束时，您将能够自信地编写自己的测试！ ？

---

?️ 目录

1. 测试简介
2. 单元测试
3. 与 Axios 的集成测试
4. 结论

---

？测试简介

测试涉及验证您的代码在各种条件下的行为是否符合预期。使用流行的测试库 Jest，您可以编写两种关键类型的测试：

• 单元测试：单独测试各个功能或组件。
• 集成测试：验证应用程序的不同部分如何协同工作。

这些测试有助于及早发现错误、减少回归问题并保持较高的代码质量。让我们从探索单元测试开始！ ？

---

？单元测试

单元测试专注于单独测试单个功能或组件。它确保代码的每个小单元按预期独立工作。

示例：测试 Sum 函数

这是一个对两个数字求和的简单函数：

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

编写单元测试

创建一个测试文件 src/__tests__/sum.test.js 并写入以下内容：

// 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);
  });
});

运行单元测试

使用以下命令运行测试：

npx jest src/__tests__/sum.test.js

如果一切按预期进行，您将看到一个 ✅ 确认测试已通过。

---

？与 Axios 的集成测试

集成测试确保应用程序的不同部分能够很好地协同工作。让我们测试一个使用 Axios.

从 API 获取用户数据的函数

示例：获取用户数据

假设我们有一个从 API 检索用户数据的函数：

// 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;
};

编写集成测试

要测试此功能，请创建一个文件 src/__tests__/apiService.test.js。我们将模拟 Axios 以阻止真正的 API 调用。

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

要点：

• jest.mock('axios')：模拟整个 Axios 库。
• mockResolvedValue：模拟成功的 API 响应。
• mockRejectedValue：模拟 API 失败。

运行集成测试

使用以下命令运行测试：

// 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 将确认成功和失败场景的测试均已通过。 ✅

？结论

单元和集成测试是构建可靠且可维护的应用程序的重要工具。通过使用 Jest 和 Axios，您可以：

• 使用单元测试验证各个函数。
• 使用集成测试验证模块之间的交互。

单元和集成测试是确保您的代码单独和集体运行良好的强大方法。立即开始向您的代码库添加测试，并享受知道您的应用程序经过充分测试所带来的安心。快乐的编码和测试！ ?‍?✨

以上是单元和集成测试的详细内容。更多信息请关注PHP中文网其他相关文章！