在做前端开发时，我们通常会使用 Jest 来进行测试。然而，当我们写测试用例时，我们常常需要 mock 一些外部文件的导入，以便于在测试时不依赖真实的外部文件。那么，如何使用 Jest 来 mock 外部文件的导入呢？本文将为大家介绍 Jest 的相关知识。
1. 为什么需要 mock 外部文件的导入？
在进行测试时，我们通常会希望代码的执行不依赖于外部文件的存在。这样可以让我们更好地控制代码的执行流程，也可以更好地保证测试的可靠性。
例如，假设我们有这样一段代码：
import axios from 'axios';
async function getUserInfo() {
const { data } = await axios.get('/api/userInfo');
return data;
}
export default getUserInfo;这段代码依赖了 Axios 发送 HTTP 请求，如果我们在测试时直接让 Axios 发送请求，那么测试的可靠性会大打折扣。因此，我们需要在测试中 mock Axios。
2. 如何使用 Jest mock 外部文件的导入？
在 Jest 中，我们通常使用 jest.mock() 方法来 mock 外部文件的导入。下面是一个简单的例子：
-- -------------------- ---- ------- ------ ----- ---- -------- ------ ----------- ---- ---------------- ------------------- ------------------- ----- -- -- - ----- ---- - - --------- ------- -- ----------------------------- ---- --- ----- -------- - ----- -------------- ------------------------------- ---
在上面的例子中，我们首先使用 jest.mock() 方法来 mock Axios。然后，在测试用例中使用 axios.get.mockResolvedValue() 方法来模拟 Axios 发送请求的结果。最后，我们调用 getUserInfo() 方法并使用 expect() 来判断测试结果的正确性。
3. Jest mock 的更多用法
除了上面的例子外，Jest 还提供了许多其他的用法来 mock 外部文件的导入。例如，我们可以通过传递一个函数来自定义 mock：
jest.mock('./getUserName', () => {
return jest.fn(() => 'admin');
});我们还可以通过 ES6 的 __esModule 属性来 mock 一个模块的导入：
jest.mock('./getUserName', () => {
return {
__esModule: true,
default: jest.fn(() => 'admin'),
};
});此外，Jest 还提供了许多其他的 mock 工具，例如 jest.spyOn()、jest.fn() 等。
4. 结论
Jest 的 mock 机制是一个非常强大的工具，它帮助我们在测试时模拟外部文件的导入，从而保证测试的可靠性。在编写测试用例时，我们应该充分利用 Jest 的 mock 机制来进行测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f66dfbc5c563ced585dab4