JavaScript Jest 初学者指南：拆解单元测试基础

引言

在软件开发中，单元测试是至关重要的，它验证了应用程序单个模块或功能的正确行为。Jest 是一个流行的 javascript 测试框架，以其简洁性、易用性和对现代 JavaScript 特性的支持而闻名。对于 JavaScript 初学者来说，使用 Jest 进行单元测试可能是一个令人望而生畏的任务，但通过本指南，我们将逐步拆解单元测试的基础，让您轻松掌握 Jest 的使用。

安装 Jest

在开始使用 Jest 之前，您需要在项目中安装它。您可以使用以下命令通过 npm 安装 Jest：

npm install --save-dev jest

安装完成后，您可以在项目目录中运行 npx jest --init 来初始化 Jest 配置文件。这将创建一个 jest.config.js 文件，其中包含 Jest 的默认配置。

创建测试用例

在 Jest 中，测试用例使用 it 函数编写。每个 it 函数都包含一个描述测试用例的字符串和一个包含要执行的测试代码的函数。以下是一个简单的示例：

// sum.test.js
import sum from "./sum";

it("adds two numbers", () => {
  expect(sum(1, 2)).toBe(3);
});

在该示例中，sum.test.js 测试文件导入 sum 模块，并且 it 函数断言 sum(1, 2) 的结果等于 3。

断言库

Jest 使用名为 expect 的断言库来验证实际结果是否与预期结果匹配。expect 库提供了各种匹配器，用于检查不同类型的值。以下是一些常见的匹配器：

• toBe(expected)：检查值是否严格等于预期值。
• toEqual(expected)：检查值是否深度相等。
• not.toBe(expected)：检查值是否不等于预期值。

运行测试

要运行 Jest 测试，可以在命令行中输入以下命令：

npx jest

这将在控制台中打印测试结果。您应该看到以下输出，表示测试已通过：

 PASS  ./sum.test.js
  ✓ adds two numbers (5ms)

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        5.64s, estimated 7s
Ran all test suites.

模拟和存根

在单元测试中，模拟和存根技术用于隔离代码并确保测试独立于外部依赖项。Jest 提供了 jest.mock 和 jest.fn 函数用于模拟和存根。

例如，以下示例模拟 fetch 函数以返回一个预定义的响应：

// api.test.js
import fetch from "node-fetch";
import { fetchUserData } from "./api";

jest.mock("node-fetch", () => {
  return jest.fn().mockResolvedValue({ username: "user" });
});

it("fetches user data", async () => {
  const userData = await fetchUserData();
  expect(userData.username).toBe("user");
});

结论

通过本指南，您已经了解了单元测试的基础知识以及如何使用 Jest 框架进行 JavaScript 单元测试。Jest 提供了一系列强大的功能，使测试过程高效且可靠。通过练习和探索 Jest 的高级特性，您将能够创建健壮且可维护的 JavaScript 应用程序。