介绍
Jest 是一个流行的 JavaScript 测试框架。它通过提供一些内置的工具和 API，使得编写和运行测试用例变得相对简单和方便。然而，有些情况下，我们需要在测试环境中模拟浏览器的全局对象，比如 window 和 document 等。这时候就需要使用 jest-environment-jsdom-global 这个 npm 包了。
jest-environment-jsdom-global 包含了一个 Jest 的自定义测试环境，可以在 Node.js 中运行测试用例，并且模拟了浏览器的全局对象。使用 jest-environment-jsdom-global 可以帮助开发人员更轻松地编写测试用例，特别是针对那些需要访问 DOM 和浏览器内置 API 的代码。
安装
使用 npm，可以在项目中安装 jest-environment-jsdom-global：
npm install --save-dev jest-environment-jsdom-global
或者使用 yarn：
yarn add --dev jest-environment-jsdom-global
配置
要使用 jest-environment-jsdom-global，需要在 Jest 的配置文件中指定测试环境。打开项目根目录下的 jest.config.js 文件，添加如下配置：
module.exports = { testEnvironment: 'jest-environment-jsdom-global' };
示例
假设我们有一个名为 helper.js 的模块，其中有一个函数 getRandomNumber() 用于返回一个随机数。这个函数依赖于浏览器的全局对象 Math。我们可以编写一个测试用例来测试这个函数。
首先，在项目根目录下创建一个名为 __tests__ 的目录，然后在该目录下创建一个名为 helper.test.js 的文件。文件内容如下：
-- -------------------- ---- ------- ----- - --------------- - - --------------------- --------------------------- -- -- - ------------- - ------ ------- - --- --- -- -- - ----- ------------ - ------------------ ----------------------------------------------- ------------------------------------- --- ---展开代码
运行以上测试用例，会发现 Jest 报错了：
ReferenceError: Math is not defined
这是因为在 Node.js 环境中并没有定义全局对象 Math。为了解决这个问题，我们可以使用 jest-environment-jsdom-global 包。打开 jest.config.js 文件，在配置中添加如下选项：
module.exports = { testEnvironment: 'jest-environment-jsdom-global' };
重新运行测试用例，发现测试通过了！
结论
使用 jest-environment-jsdom-global 可以帮助开发人员更方便地在 Jest 中编写测试用例，特别是需要访问 DOM 和浏览器内置 API 的代码。通过本文的学习，你已经掌握了 jest-environment-jsdom-global 的基本用法，可以尝试在自己的项目中使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43261
