javascript - `react-apollo` `MockedProvider` 需要超时？

Question

我正在使用 jest与 react-apollo 的 MockedProvider我遇到了麻烦，因为 MockedProvider似乎是异步行为。

给定以下简单组件:

const Component = () => <Query query={query}>(({loading, data }) => if(loading) return 'loading' else if (data) return 'data' else return 'nothing'</Query>

这个测试:

it('', done => {
    const renderer = TestRenderer.create(
      <MockedProvider mocks={myMock} >
        <Component/>
      </MockedProvider>
    )

  expect(renderer.toJSON()).toMatchSnapshot()

显示快照:loading

但是如果我添加一个简单的 1 毫秒超时:

  it('', done => {
    const renderer = TestRenderer.create(
      <MockedProvider mocks={myMock} >
        <Component/>
      </MockedProvider>
    )

    setTimeout(() => {
      expect(renderer.toJSON()).toMatchSnapshot()
      done()
    }, 1);

我得到了一个快照:data

有没有更优雅的方法来解决这个问题？

Answer 1

您可以使用 waait 库，如 docs 所示

it('',async () => {
    const renderer = TestRenderer.create(
      <MockedProvider mocks={myMock} >
        <Component/>
      </MockedProvider>
    )
    await wait(0);
    expect(renderer.toJSON()).toMatchSnapshot();