Jest提供了一种模拟函数的方法,如文档中所述
apiGetMethod = jest.fn().mockImplementation(
new Promise((resolve, reject) => {
const userID = parseInt(url.substr('/users/'.length), 10);
process.nextTick(
() => users[userID] ? resolve(users[userID]) : reject({
error: 'User with ' + userID + ' not found.',
});
);
});
);
但是,当在测试中直接调用函数时,这些函数似乎只能工作 .
describe('example test', () => {
it('uses the mocked function', () => {
apiGetMethod().then(...);
});
});
如果我有一个如此定义的React组件,我该如何模拟它?
import { apiGetMethod } from './api';
class Foo extends React.Component {
state = {
data: []
}
makeRequest = () => {
apiGetMethod().then(result => {
this.setState({data: result});
});
};
componentDidMount() {
this.makeRequest();
}
render() {
return (
{ this.state.data.map((data) =>
{data}) })
}
}
我不知道如何使它如此 Foo 组件调用我的模拟 apiGetMethod() 实现,以便我可以测试它是否正确呈现数据 .
(这是一个简化的,人为的例子,为了理解如何模拟内部反应组件的函数)
编辑:api.js文件为清楚起见
// api.js
import 'whatwg-fetch';
export function apiGetMethod() {
return fetch(url, {...});
}