Jest 绕过模块模拟
Jest 允许在测试中模拟整个模块,这对于测试你的代码是否正确地从该模块调用函数非常有用。但是,有时你可能希望在测试文件中使用部分模拟模块,在这种情况下,希望访问原始实现,而不是模拟版本。
考虑为此createUser
函数编写一个测试用例:
// createUser.js
import fetch from 'node-fetch';
export const createUser = async () => {
const response = await fetch('http://website.com/users', {method: 'POST'});
const userId = await response.text();
return userId;
};
你的测试将要模拟fetch
函数,以便我们可以确保在不实际发出网络请求的情况下调用它。但是,还需要模拟使用 Response
(包装在Promise
中)模拟fetch
的返回值,因为我们的函数使用它来获取创建的用户 ID。因此,你最初可能会尝试编写这样的测试:
jest.mock('node-fetch');
import fetch, {Response} from 'node-fetch';
import {createUser} from './createUser';
test('createUser calls fetch with the right args and returns the user id', async () => {
fetch.mockReturnValue(Promise.resolve(new Response('4')));
const userId = await createUser();
expect(fetch).toHaveBeenCalledTimes(1);
expect(fetch).toHaveBeenCalledWith('http://website.com/users', {
method: 'POST',
});
expect(userId).toBe('4');
});
但是,如果运行该测试,你会发现该createUser
函数会失败,并抛出错误:TypeError: response.text is not a function
。这是因为Response
从中导入的类node-fetch
已被模拟(由于jest.mock
测试文件顶部的调用),因此它不再按应有的方式运行。
为了解决此类问题,Jest 提供了jest.requireActual
帮助程序。要使上述测试工作,请对测试文件中的导入进行以下更改:
// BEFORE
jest.mock('node-fetch');
import fetch, {Response} from 'node-fetch';
// AFTER
jest.mock('node-fetch');
import fetch from 'node-fetch';
const {Response} = jest.requireActual('node-fetch');
这允许你的测试文件从node-fetch
导入实际Response
对象,而不是模拟版本。这意味着测试现在将正确通过。