在进行前端开发时，我们经常需要用到全局对象，如 window、document 等。但是在进行测试时，我们希望能够控制全局对象的值，以确保测试的稳定性和正确性。而 Jest 框架提供了 mock 全局对象的方法，我们可以使用它来模拟全局对象的值和行为。
如何 mock 全局对象
在 Jest 中，我们可以使用 jest.spyOn 方法来 mock 全局对象的方法和属性。具体实现方法如下：
-- -------------------- ---- -------
-------------- -------- -- -- -
--- --------------
------------ -- -
-- ------- ------ --
-------------- - ------
-- --- ------ ------- ---- --
------ - -
--------- --- ---- --------------- ----
------------- --- ---- ------------------- ----
-- --- ---- ----- --
-
--
----------- -- -
-- ------- ------ --
------ - --------------
--
-------- ---- ------ -- -- -
-- ---- --
--
--上述代码中，我们使用 beforeAll 和 afterAll 对全局 window 对象进行了保存和恢复。在 beforeAll 中，我们将全局 window 对象替换为一个 mock 对象，并且可以自定义 mock 属性和方法。在 afterAll 中，我们将全局 window 对象恢复为原始值。
示例代码
以下是一个使用 Jest 中 jest.spyOn 方法来 mock 全局对象的示例代码。假设我们有一个页面需要调用全局 alert 方法，当点击按钮时会弹出一个提示框。我们希望能够在测试中确保这个提示框被正确调用。
// index.js
function showAlert() {
alert('Hello World')
}-- -------------------- ---- -------
-- -------------
-------------- -------- -- -- -
--- --------------
------------ -- -
-- ------- ------ --
-------------- - ------
-- --- ------ ------- ---- --
------ - -
------ ----------
-
--
----------- -- -
-- ------- ------ --
------ - --------------
--
---------- ---- ----- ----------- -- -- -
-----------
------------------------------------------------ -------
--
--在上述代码中，我们使用 jest.fn 方法来创建了一个 mock 函数，并将其赋值给 window.alert。在测试代码中，我们调用了 showAlert 函数，并且用 expect 断言全局 alert 方法是否被正确调用。
总结
在使用 Jest 测试框架时，我们可以使用 jest.spyOn 方法来 mock 全局对象，以控制其行为和属性值。这个方法可以帮助我们更好地进行前端开发中的单元测试，确保代码的正确性和稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65229f0595b1f8cacda1b668