如何在 Jest 中 mock 全局变量？
在前端开发中，我们经常会遇到需要使用全局变量的场景。但在测试中，我们需要避免对全局状态造成影响，这就需要我们使用 Jest 中的 mock 功能来模拟全局变量。本文将详细介绍如何在 Jest 中 mock 全局变量。
首先，我们需要了解 Jest 中的 mock 方法。其语法如下：
jest.fn(implementation?: (...args: any[]) => any): JestMockFn<any, any>;
其中，jest.fn() 会创建一个 mock 函数，我们可以通过传入实现函数来指定 mock 函数的行为。在本文中，我们将使用 jest.fn() 来 mock 全局变量。
接下来，我们来看一个示例，假设我们有一个 config 全局变量，其值为一个对象：
// global.ts
export const config = {
apiUrl: 'https://api.example.com',
apiVersion: 1
};我们可以在测试文件中使用 Jest 的 beforeAll() 方法来在所有测试用例之前 mock 全局变量，如下所示：
-- -------------------- ---- -------
-- --------------
------ - ------ - ---- -----------
------------ -- -
------------- - -----------------------
----------------- - --
---
-------------- ------ -------- -- -- -
------------ ----- --- ----- -- -- -
------------------------------------------------------
---
------------ ----- --- --------- -- -- -
-------------------------------------
---
---在上述代码中，我们通过 beforeAll() 方法在所有测试用例之前修改了全局变量 config 的值。这种做法是不推荐的，因为它可能会影响其它测试用例的运行。为了避免这种情况，我们需要使用 Jest 中的 jest.mock() 方法来 mock 全局变量。
jest.mock() 方法可以用来替换模块中的指定代码，我们可以通过传入模块名称和模块中要替换的代码来实现 mock。在本文中，我们将使用 jest.mock() 方法来 mock 全局变量。
在下面的示例中，我们将 mock 全局变量 config 的值，然后编写一个测试用例来验证 mock 是否成功。
-- -------------------- ---- -------
-- --------------
------ - ------ - ---- -----------
--------------------- -- -- -
----- ---------- - -
------- -----------------------
----------- -
--
------ - ------- ---------- --
---
-------------- ------ -------- -- -- -
------------ ---- --- ----- -- -- -
------------------------------------------------------
---
------------ ---- --- --------- -- -- -
-------------------------------------
---
---在上述示例中，我们使用 jest.mock() 方法来返回一个包含 mock 数据的对象。接着，我们编写了两个测试用例来验证 mock 数据是否正确。通过这种方式，我们可以避免修改全局变量的值，从而保证测试的稳定性。
总结
在 Jest 中 mock 全局变量可以避免测试数据被污染，保证测试稳定性。本文介绍了使用 jest.mock() 方法来 mock 全局变量的方法，并提供了示例代码。希望本文能够帮助读者更好地理解 Jest 中的 mock 功能，提高测试代码的质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648179f048841e98940f36cd