如何在 Jest 中使用 require 导入文件
Jest 是一个流行的 Javascript 测试框架，它能够支持前端代码的测试。在进行 Jest 测试时，我们有时需要使用 require 导入文件，本文将详细介绍在 Jest 中如何使用 require 导入文件的技巧。
为什么要在 Jest 中使用 require 导入文件？
在 Jest 测试中，有时候我们需要使用一些 mock 文件或者测试数据，这时候就需要使用 require 导入这些文件。同时，在 Jest 中使用 require 导入文件还可以将测试用例的代码组织得更加清晰，易于维护。
如何在 Jest 中使用 require 导入文件？
- 利用 jest.mock() 函数来 mock 文件
如果我们需要在测试用例中使用某些 mock 文件，可以使用 jest.mock() 函数来 mock 这些文件。jest.mock() 函数接受两个参数，第一个参数是要 mock 的文件路径，第二个参数是一个函数，用来返回被 mock 的对象。
下面是一个使用 jest.mock() 函数来 mock 文件的例子：
-- -------------------- ---- -------
------------------------- -- -- --
----- ----- -----
---
---------------- -- -- -
---------- --- ---- ------ -- -- -
----- ---- - ----------------------------
-------------------------- ------
--
--上述例子中，我们使用 jest.mock() 函数来 mock './mocks/data' 这个文件，并返回一个包含 mock 数据的对象。在测试用例中，我们使用 require('./mocks/data').data 来获取 mock 数据。
- 利用 jest.fn() 函数来 mock 函数
除了 mock 文件，有时候我们也需要 mock 函数。在 Jest 中，我们可以使用 jest.fn() 函数来 mock 函数。
下面是一个使用 jest.fn() 函数来 mock 函数的例子：
const myFunc = jest.fn()
describe('test', () => {
it('should call myFunc', () => {
require('./myFunc')()
expect(myFunc).toHaveBeenCalled()
})
})上述例子中，我们使用 jest.fn() 函数来 mock myFunc 函数，并在测试用例中断言 myFunc 函数已被调用。
- 使用别名来导入文件
有时候，我们在测试代码中需要使用相对路径来导入某些文件，这样会使代码显得混乱。这时候我们可以通过使用别名来导入文件，让代码更具可读性。
在 Jest 中，我们可以使用 moduleNameMapper 字段来配置别名。下面是一个使用别名导入文件的例子：
-- -------------------- ---- -------
-- --------------
-------------- - -
----------------- -
--------- ------------------
--------- -----------------
-
-
-- -------
----- ---- - ---------------------------
----- ---- - ----------------------在上述例子中，我们定义了两个别名 '@mocks' 和 '@utils'，用于导入 '/mocks' 和 '/utils' 文件夹下的文件。
结论
在 Jest 测试中，使用 require 导入文件是一个非常常见的操作。本文中介绍了如何使用 jest.mock() 函数来 mock 文件和使用 jest.fn() 函数来 mock 函数，以及如何使用别名来导入文件。通过这些技巧，我们可以更加方便地在 Jest 中进行测试，让代码更具可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6745641dc1a23897ea93e5e9