java jest_Jest - 模拟在React组件内部调用的函数

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, {...});

}