在前端开发中，测试是至关重要的一环。Jest 是一款已经被广泛接受的前端测试框架，它具有易用性、高效性、配置灵活等优点。但当我们需要测试多个应用时，Jest 的配置就会变得比较麻烦。本文将会指导你如何配置 Jest，以便你可以在单个 Jest 实例中测试多个应用。
Jest 简介
Jest 是由 Facebook 开发的一款前端测试框架，它具有高度的易用性、简单的语法以及高效的测试速度。开箱即用，不需要任何配置，即可进行单元测试、集成测试等各种类型的测试。并且，Jest 拥有良好的文档和社区支持，让你可以快速上手并解决你在测试过程中遇到的问题。
配置 Jest
现在，我们来看一下如何配置 Jest 来测试多个应用。
目录结构
假设我们有两个应用项目 app1 和 app2，它们是独立的 webpack 项目。 我们可以将这些应用放在一个文件夹内 my-apps，并在文件夹中创建 jest.config.js 文件作为配置文件，如下所示：
├─my-apps/ ├─app1/ │ ├─src/ │ └─... ├─app2/ │ ├─src/ │ └─... └─jest.config.js
配置文件
在 jest.config.js 文件中，我们需要设置如下配置参数：
projects
projects 参数允许你在一个单一的 Jest 运行实例中配置和运行多个项目。它应该是一个数组，并包含每个应用项目的路径，如下所示：
module.exports = {
projects: [
"<rootDir>/app1",
"<rootDir>/app2",
],
};moduleNameMapper
moduleNameMapper 参数允许我们为特定类型的模块提供一个自定义的映射。如果你想在多个应用之间共享模块，你可以通过设置该配置参数实现。例如，我们可以在 jest.config.js 中添加以下代码段：
-- -------------------- ---- -------
-------------- - -
-- --- -----
----------------- -
-- - ---- -- ------ ----- --------------
---------------- ------------------------
-- - ---- -- ------ ----- --------------
---------------- ------------------------
--
--该配置将会将 app1 和 app2 中的 common 模块，都映射到同一个目录 my-apps/common 下面。
globals
globals 参数允许我们在测试文件中使用自定义的全局变量。我们可以设置一个名为 APPS_ROOT 的全局变量，并在测试文件中使用它来引用所有应用的根目录：
-- -------------------- ---- -------
-- --------------
-------------- - -
-------- -
---------- ------------
--
--
-- -------
----- ---- - -----------------------------
----- ---- - -----------------------------这样，我们就可以在测试文件中方便地引用所有应用的根目录了。
示例代码
现在我们来看一下完整的 jest.config.js 文件：
-- -------------------- ---- -------
-------------- - -
--------- -
-----------------
-----------------
--
----------------- -
---------------- ------------------------
---------------- ------------------------
--
-------- -
---------- ------------
--
--总结
通过这篇文章，你已经了解了如何在一个 Jest 实例中测试多个应用的配置方式。通过简单的配置，你可以使用 Jest 来完整测试多个应用，并且与其他开发人员共享配置。希望对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645f18ac968c7c53b0131a0f