作者:Berlinale | 来源:互联网 | 2023-01-31 12:46
我正在为React应用程序编写集成测试,即一个测试多个组件的测试,我想模拟对外部服务的任何调用.
问题是测试似乎在执行异步回调之前执行,导致我的测试失败.
有没有办法解决?我可以以某种方式等待调用异步代码完成?
这是一些不好的伪代码来说明我的观点.
我想测试当我挂载Parent时,它的Child组件呈现从外部服务返回的内容,我将模拟.
class Parent extends component
{
render ()
{
}
}
class Child extends component
{
DoStuff()
{
aThingThatReturnsAPromise().then((result) => {
Store.Result = result
})
}
render()
{
DoStuff()
return({Store.Result}
)
}
}
function aThingThatReturnsAPromise()
{
return new Promise(resolve =>{
eternalService.doSomething(function callback(result) {
resolve(result)
}
}
}
当我在测试中执行此操作时,它会失败,因为它会在回调被触发之前执行.
jest.mock('eternalService', () => {
return jest.fn(() => {
return { doSomething: jest.fn((cb) => cb('fakeReturnValue');
});
});
describe('When rendering Parent', () => {
var parent;
beforeAll(() => {
parent = mount()
});
it('should display Child with response of the service', () => {
expect(parent.html()).toMatch('fakeReturnValue')
});
});
我该如何测试?我理解angular用zonejs解决了这个问题,在React中是否有一个等效的方法?
1> Tadas Antana..:
这是一个片段,等待待处理的Promise被解决:
const flushPromises = () => new Promise(setImmediate);