前言
随着前端技术的不断发展，前端开发的工具链也变得越来越复杂。而测试是一个软件开发过程中至关重要的组成部分，一个好的测试框架可以帮助我们更加轻松地进行测试，提高测试效率和准确性。
在前端领域中，Jest 是一个非常流行的测试框架，它具有简单易用、可扩展性强等优点，被越来越多的开发者所青睐。本文将详细介绍 Jest 的核心模块 @jest/core 的使用教程，帮助读者快速入门并进行有效的测试。
Jest 框架简介
Jest 是由 Facebook 开发的一个开源的 JavaScript 测试框架，旨在提供一个简单易用、快速高效的测试解决方案。它具有如下特点：
- 支持使用 TypeScript、Babel 等工具进行测试。
- 无需手动配置，提供默认的测试环境。
- 支持 Snapshot Testing，可轻松地对组件进行 UI 测试。
- 支持异步测试，可轻松地测试异步调用。
- 支持自动化测试，可根据代码变化自动运行测试。
@jest/core 模块简介
@jest/core 是 Jest 框架的核心模块，提供了一系列的 API，并将其他 Jest 模块进行了整合，便于我们对 Jest 进行更加自定义化的配置和使用。
其中，一些重要的 API 包括：
- getConfig：获取 Jest 配置。
- runCLI：运行 Jest，可手动设置参数。
- watch：监听文件变化，自动运行测试。
- processResults：处理测试结果。
- Reporter：自定义测试结果的输出格式。
下面，我们将从这些 API 的使用方法入手，详细介绍 @jest/core 模块的使用。
安装 Jest 框架
我们可以使用 npm 或 Yarn 进行 Jest 框架的安装：
# 使用 npm 安装 npm install -D jest # 使用 Yarn 安装 yarn add --dev jest
以上命令将 Jest 框架作为开发依赖进行安装。安装后，我们可以在项目中创建一个简单的测试文件，如下所示：
// math.test.js
const sum = require('./math');
test('adds numbers', () => {
expect(sum(1, 2)).toBe(3);
});在上面的测试文件中，我们使用了 Jest 提供的 test 函数来进行测试。其中，toBe 函数表示期望两个值严格相等。接下来，我们将用 @jest/core 模块来运行这个测试文件，并查看测试结果。
使用 @jest/core 运行测试
接下来，我们将以一个简单的例子来介绍如何使用 @jest/core 进行测试。
首先，在项目的根目录下创建一个 jest.config.js 文件，并在其中添加如下配置：
// jest.config.js
module.exports = {
testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
collectCoverage: true,
};上面的配置表示，我们将所有以 .test.js 和 .spec.js 结尾的文件作为测试文件，同时开启代码覆盖率检测。其中，testMatch 和 collectCoverage 均为 Jest 的配置属性，可以在官方文档中查看详细的配置信息。
接下来，我们可以使用如下的命令来运行 Jest 测试：
npx jest
运行上面的命令后，将会自动运行测试，并输出测试结果和覆盖率报告。在开发过程中，我们可以将以上命令放入 npm 脚本中，方便我们进行自动化测试。
除了通过命令行进行测试外，@jest/core 模块还提供了 runCLI 函数，可以用于在代码中手动运行 Jest 测试。下面是一个简单的示例代码：
-- -------------------- ---- -------
-- ---------------
----- - ------ - - ----------------------
----- -------- --------- -
----- - ------- - - ----- --------
------ -------
----- -----
--------- -----
-------------------- --------------------------
---------- -------------------------------
-- ---------
------ --------
-
---------------------- -- ----------------------在上面的示例代码中，我们通过 runCLI 函数手动设置 Jest 配置，并运行测试，最终返回测试结果。
定制测试报告
@jest/core 模块提供了 Reporters API，可以帮助我们定制测试报告输出的格式。Reporters API 允许我们创建自定义的测试报告输出器，并根据需要进行输出格式的定制。
下面是一个简单的示例代码：
class MyReporter {
onTestResult(test, testResult) {
console.log(`Test ${test.path} has result of ${testResult}`);
}
}
module.exports = MyReporter;在上面的代码中，我们创建了一个自定义的测试报告输出器 MyReporter，并重写了 onTestResult 方法，在测试结束时将测试结果输出到控制台。接下来，我们可以将 MyReporter 传递给 runCLI 函数，定制测试报告的输出格式：
-- -------------------- ---- -------
-- ---------------
----- - ------ - - ----------------------
----- ---------- - -------------------------
----- -------- --------- -
----- - ------- - - ----- --------
------ -------
----- -----
--------- -----
-------------------- --------------------------
---------- -------------------------------
---------- -------------
-- ---------
------ --------
-
---------------------- -- ----------------------当我们运行上面的代码时，将会自动运行测试，并将测试结果在控制台以自定义的输出格式输出，如下所示：
Test /path/to/test has result of passed
结语
本文简要介绍了 Jest 测试框架及其核心模块 @jest/core 的使用教程，希望能对读者了解 Jest 的基本使用、自定义化配置、定制测试报告等方面提供帮助。当然，以上仅是 Jest 测试框架的冰山一角，更多的功能和用法建议读者前往官方文档进行了解。
最后，如果读者对本文有任何疑问或建议，欢迎在评论区留言，我们将竭诚为您解答！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb1d0b5cbfe1ea0611110