Reactjs 如何让 Jest 在等待断言之前等待所有异步代码完成执行

我正在为React应用程序编写一个集成测试，也就是一个将多个组件一起测试的测试，我想模拟对外部服务的任何调用.

问题是，测试似乎在异步回调执行之前执行，导致测试失败.

这有什么关系吗？我是否可以等待调用异步代码完成？

下面是一些糟糕的pseudo代码来说明我的观点.

我想测试一下，当我挂载Parent时，它的子组件会呈现从外部服务返回的内容，我将对此进行模拟.

class Parent extends component
{
     render ()
     {
         <div>
            <Child />
         </div>
     }
}
class Child extends component
{
     DoStuff()
     {
         aThingThatReturnsAPromise().then((result) => {
           Store.Result = result
         })
     }

    render()
    {
       DoStuff()
       return(<div>{Store.Result}</div>)


    }
}
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(<Parent />)
    });

    it('should display Child with response of the service', () => {
        expect(parent.html()).toMatch('fakeReturnValue')
    });
});

我如何测试这个？我知道angular可以用zonejs解决这个问题，在React中有没有等效的方法？