简介
Jest 是 Facebook 推出的一款基于 Jasmine 的 JavaScript 测试框架，用于编写前端单元测试、集成测试以及端到端测试。它具有高效快速、易于上手、全面覆盖的特点，是目前最为流行的前端测试框架之一。在实现代码测试的同时，也能够提高代码质量、提升开发者编码水平。
本文将简单介绍 Jest 的使用方法和一些常用功能，帮助初学者快速了解并掌握 Jest 的基本知识和使用技巧。
安装和配置
首先需要安装 Jest，使用 npm 安装即可：
$ npm install --save-dev jest
安装完成之后，在项目根路径下创建 jest.config.js 配置文件，Jest 会根据这个文件的配置进行测试运行。
在配置文件中可以添加基本的配置信息：
module.exports = {
// 根据需要配置 testMatch，testEnvironment 等选项
testMatch: ['<rootDir>/__tests__/**/*.spec.js'],
testEnvironment: 'node',
// 省略其他配置...
};这里设置了 testMatch 为 __tests__ 目录下的所有 .spec.js 文件，然后 testEnvironment 设置为 node，代表使用 node 环境进行测试。
编写测试案例
Jest 测试用例可以归为三类：单元测试、集成测试、端到端测试，用于不同场景下的测试。本文主要介绍单元测试的编写和使用。
假设现在需要测试一个名为 add 的函数，该函数接收两个数字参数并返回它们的和。代码如下：
function add(a, b) {
return a + b;
}可以编写下面的测试用例：
test('add function should work correctly', () => {
expect(add(1, 2)).toEqual(3);
expect(add(1, '2')).toEqual(NaN);
});在测试用例中使用 test 函数来创建一个单元测试。test 函数有两个参数，第一个参数是测试用例的描述，第二个参数是测试用例的实现，通常使用箭头函数。expect 函数是 Jest 的断言库，它可以检查一些条件是否符合预期。 .toEqual 方法是 expect 的一个方法，用于比较两个值是否相等。
在这个例子中，首先测试 1 + 2 是否等于 3，然后测试 1 + '2' 是否等于 NaN。
运行测试
编写完测试用例之后，就可以运行测试了，使用下面的命令来运行测试：
$ npx jest
上述命令会默认运行项目中所有的测试用例，并输出测试结果。
此外，还可以通过一些选项来指定测试运行的方式。
--watch：监视文件变化并重新运行测试。--coverage：生成代码覆盖率报告。--verbose：输出冗长的测试结果信息。
Jest 中的 Mock
在 Jest 中，有一个非常重要的部分就是 Mock。Mock 可以模拟测试场景中的外部依赖，以使得测试环境更为全面，测试用例更加完整。
例如，假设需要测试一个函数，该函数返回一些异步数据，这时候就可以为这个异步操作创建一个 Mock，以便在测试过程中使用这个 Mock 进行数据的模拟，而不必使用真实的异步请求，这样可以提高测试效率.
async function fetchData() {
const result = await axios.get('/api/data');
return result.data;
}可以为 axios 这个库创建一个 Mock，代码如下：
// __mocks__/axios.js
const mockedFunctions = {
get: jest.fn().mockResolvedValue({ data: { name: 'test' } })
};
export default mockedFunctions;其中，mockResolvedValue 方法用于模拟异步操作的返回值。
在需要使用 Mock 的测试用例中，可以将 Mock 库导入到测试用例模块中，然后在测试用例中直接使用 Mock。
import axios from 'axios';
jest.mock('axios');
test('fetchData should work correctly', async () => {
const data = await fetchData();
expect(data).toEqual({ name: 'test' });
expect(axios.get).toHaveBeenCalledWith('/api/data');
});总结
本文简单介绍了 Jest 的安装、使用及其基本功能。Jest 作为一个流行的测试框架，需要手动编写大量的测试用例，以此提高代码的可维护性、可读性、可测试性等方面的质量，让前端开发工作更高效、更专业。在学习过程中，需要多练多看多思考，不断查阅 Jest 的文档，掌握 Jest 的更多高级功能，以便更好地开展测试工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646afe1c968c7c53b0a71933