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 (
<ul>
{ this.state.data.map((data) => <li>{data}</li>) }
</ul>
)
}
}
我不知道如何使Foo
组件调用我的模拟apiGetMethod()
实现,以便我可以测试它是否正确地渲染数据。
(这只是为了理解如何模拟在React组件内调用的函数而简化的例子)
编辑:为了清楚起见,附上api.js文件
// api.js
import 'whatwg-fetch';
export function apiGetMethod() {
return fetch(url, {...});
}
apiGetMethod
是如何注入到你的模块中的? - Andreas KöberleFoo
组件文件的顶部,加入以下代码:import { apiGetMethod } from './api';
- Ryan Castner