介绍
Jest 是一款流行的 JavaScript 测试框架，它具有简单易用、快速、支持自动化和并发运行等优点。除了内置的基本测试功能外，Jest 还支持许多插件，可以很方便地扩展其功能。本文将介绍如何在 Jest 中使用插件，帮助你更好地管理和扩展测试套件。
安装
Jest 使用 npm 进行安装，可以使用以下命令进行安装：
npm install --save-dev jest
插件安装
Jest 提供了很多方便的插件，例如 jest-extended、jest-fetch-mock、jest-puppeteer 等等。通过 npm 可以很容易地安装这些插件：
npm install --save-dev jest-extended
安装后，在 Jest 配置文件 jest.config.js 中，将插件添加到 setupFilesAfterEnv 属性中：
module.exports = {
// ...
setupFilesAfterEnv: [
'jest-extended'
]
// ...
};这里以 jest-extended 插件为例。安装后，Jest 在每个测试文件执行之前会自动加载 jest-extended，添加了许多额外的全局匹配器和其他测试功能。例如，expect 对象的 toBeInRange 匹配器可以检查一个值是否在指定的范围内：
test('toBeInRange', () => {
expect(10).toBeInRange(1, 100);
expect(200).not.toBeInRange(1, 100);
});使用插件使 Jest 更加灵活和强大，有助于优化测试套件的功能和可读性。
创建插件
除了使用现有的插件之外，还可以开发和发布自己的 Jest 插件。插件需要遵循 Jest 插件规范，并定义一个模块导出函数，该函数注册所有自定义 Matchers、Transformers 和 hook。例如，下面是一个简单的 Jest 插件，它注册了一个名为 toBePositive 的 Matcher：
-- -------------------- ---- -------
-- ---------------------
-------------- - -------- -------- -
------ -
--------- -
------------- ---------- -- -
----- ---- - -------- - --
-- ------ -
------ -
-------- -- -- --------- ----------- -- -- --- -------- --------
----- ----
--
- ---- -
------ -
-------- -- -- --------- ----------- -- -- -------- --------
----- -----
--
-
-
-
--
--创建完成后，将插件添加到 Jest 配置文件 jest.config.js 中：
module.exports = {
// ...
setupFilesAfterEnv: [
'./custom-jest-plugin.js'
]
// ...
};这样，在测试文件中，就可以轻松使用该插件的 toBePositive 名称matcher了：
test('toBePositive', () => {
expect(10).toBePositive();
expect(-10).not.toBePositive();
});结论
Jest 插件使其更加强大和灵活，可以通过安装现有插件或自定义插件来扩展其功能。插件能够改进 Jest 的测试功能，使其更容易读取和管理。本文介绍了如何安装并使用现有插件，以及如何创建自定义插件。Jest 插件的使用建议仍然需要根据个人需求来确定，但是对于很多前端开发者而言，使用 Jest 插件会使其测试更加高效，快速和不易出错。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f4e31bc5c563ced5664c3c