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(...); }); });
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()实现,以便我可以测试它是否正确呈现数据.
(这是一个简化的,人为的例子,为了理解如何模拟内部反应组件的函数)
编辑:api.js文件为清楚起见
// api.js import 'whatwg-fetch'; export function apigetmethod() { return fetch(url,{...}); }
您必须像这样模拟./api模块并导入它,以便您可以设置模拟的实现
import { apigetmethod } from './api' jest.mock('./api',() => ({ apigetmethod: jest.fn() }))
在您的测试中可以使用mockImplementation设置模拟应该如何工作:
apigetmethod.mockImplementation(() => Promise.resolve('test1234'))
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。