Jest 实践指南：5 分钟学会编写你的第一个测试用例

【免费下载链接】jest-tutorial🃏《Jest 实践指南》项目地址: https://gitcode.com/gh_mirrors/je/jest-tutorial

Jest 是一款功能强大的 JavaScript 测试框架，能够帮助开发者快速编写可靠的测试用例。本文将带你在 5 分钟内完成从环境搭建到成功运行第一个测试用例的全过程，让你轻松掌握 Jest 的基础使用方法。

快速搭建 Jest 测试环境

首先需要准备一个基础的 Node.js 项目环境。通过以下命令快速初始化项目并安装 Jest：

# 创建项目目录 mkdir jest-starter cd jest-starter # 初始化项目 npm init -y # 安装 Jest 依赖 npm i -D jest@27.5.1

安装完成后，使用 Jest 提供的初始化工具生成配置文件：

npx jest --init

执行该命令后会出现交互式配置界面，推荐按照下图所示进行基础配置（主要开启覆盖率报告和自动清除 Mock 功能）：

配置完成后，项目根目录会生成jest.config.js文件，包含基本的测试配置项。

编写你的第一个测试用例

创建业务代码

在项目中创建src/utils/sum.js文件，实现一个简单的加法函数：

// src/utils/sum.js const sum = (a, b) => { return a + b; } module.exports = sum;

创建测试文件

按照 Jest 的约定，测试文件通常以.test.js结尾。在项目中创建tests/utils/sum.test.js文件：

// tests/utils/sum.test.js const sum = require("../../src/utils/sum"); describe('sum', () => { it('可以做加法', () => { expect(sum(1, 1)).toEqual(2); }); })

运行测试并查看结果

完成上述步骤后，执行以下命令运行测试：

npm run test

如果一切顺利，你将看到类似下图的测试结果，显示测试通过且覆盖率达到 100%：

项目结构说明

一个标准的 Jest 测试项目结构如下：

├── jest.config.js # Jest 配置文件 ├── package.json # 项目依赖配置 ├── src # 业务代码目录 │ └── utils │ └── sum.js # 业务函数 └── tests # 测试文件目录 └── utils └── sum.test.js # 测试用例

单文件测试技巧

当项目测试用例较多时，可以通过指定文件路径来单独测试某个模块：

npm run test tests/utils/sum.test.js

总结

通过本文的步骤，你已经成功完成了 Jest 的环境搭建、测试用例编写和执行过程。这个简单的加法函数测试虽然基础，但包含了 Jest 测试的核心流程。接下来你可以尝试为更复杂的函数编写测试，逐步探索 Jest 的更多高级功能。完整的实践指南可以参考项目中的 docs/basic/getting-started/README.md 文件。

掌握测试编写能力将显著提升你的代码质量和开发效率，开始你的 Jest 测试之旅吧！

【免费下载链接】jest-tutorial🃏《Jest 实践指南》项目地址: https://gitcode.com/gh_mirrors/je/jest-tutorial