什么是 Jest
Jest 是一个由 Facebook 开源的 JavaScript 测试框架。它能够帮助我们快速高效地编写测试用例，覆盖 JavaScript 项目的各个部分，包括 React、Angular、Vue 等等前端框架。
使用 Jest，我们可以轻松地测试组件、函数、API 等等，保证代码的质量以及可扩展性。Jest 提供了很多有用的功能，比如自动化测试、快照测试、测试覆盖率等等，对于前端工程师来说是非常有力的工具。
@jest/globals 介绍
@jest/globals 是 Jest 库提供的一个全局变量对象，其中包含了很多常用的 Jest 测试方法和工具函数，包括 describe、test、expect 等等。
使用 @jest/globals 可以帮助我们省去一些重复的引入和声明的步骤，让测试用例变得更加简洁易读。下面是一些常用的 Jest 测试方法和工具函数：
- describe：用来将一组测试用例组织在一起，可以嵌套使用。
- test：用来定义一个测试用例。
- beforeAll：在所有测试用例执行前运行。
- afterAll：在所有测试用例执行完毕后运行。
- beforeEach：在每个测试用例执行前运行。
- afterEach：在每个测试用例执行完毕后运行。
下面我们来详细介绍一下如何使用 @jest/globals。
使用 @jest/globals 的步骤
安装 Jest
在使用 @jest/globals 之前，我们需要先安装 Jest。可以使用 npm 或者 yarn 来进行安装，如下所示：
npm install --save-dev jest
yarn add --dev jest
引入 @jest/globals
当 Jest 安装完成之后，我们需要在测试用例文件中引入 @jest/globals，这样就可以直接使用其中的方法和工具函数了。下面是一个例子：
const { describe, test, expect } = require('@jest/globals');
describe('加法函数测试', () => {
test('1 + 1 = 2', () => {
expect(1 + 1).toBe(2);
});
});这个例子中，我们使用了 @jest/globals 中的 describe、test、expect 方法。
- describe 用来定义一个测试用例分组，其中第一个参数是分组名称，第二个参数是一个回调函数，在其中定义测试用例；
- test 用来定义一个测试用例，其中第一个参数是用例名称，第二个参数是一个回调函数，在其中编写测试代码；
- expect 用来进行测试断言，其语法如上所示，用来判断测试结果是否符合预期。
运行测试用例
当我们编写好测试用例之后，需要执行测试命令来运行测试用例。
在 package.json 中添加以下脚本命令：
"scripts": {
"test": "jest"
}然后在终端中运行以下命令：
npm test
或者
yarn test
即可在终端中看到测试结果。
总结
通过本文的学习，我们可以了解到 Jest 测试框架的基本知识，掌握了如何使用 @jest/globals 来进行 Jest 的测试用例编写。
Jest 在前端项目中拥有广泛的应用，能够帮助我们快速完成测试用例编写，提升代码的质量和可维护性。希望读者们能够通过本文的学习，对 Jest 有更加深入的了解，并且能够在实践中灵活运用 Jest 进行前端项目的测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb16bb5cbfe1ea0611102