react-testing-library: Using `await wait(...)` hangs jest test

• react-testing-library version: 5.3.0
• jest version: 23.6.0
• react version: 16.7 alpha 2
• node version: 11.0.0
• npm (or yarn) version: 6.4.1

Relevant code or config:

const MockComponent = ({ callback }) => {
  const ref = React.useRef(null)

  return (
    <div ref={ref}>
      <h1>Some Header</h1>

      <div>
        <h6>Some Child Header</h6>
      </div>
    </div>
  )
}

describe('GoodTest', async () => {
  test('callback should be called when clicking on document', async () => {

    const callback = jest.fn()

    const { getByText, unmount } = render(<MockComponent callback={callback} />)

    await waitForElement(() => getByText(/Some Header/))

   // I never see 'good' in the console
   // the test never completes
    await wait(() => {
      expect(1).toEqual(1)
      console.log('good')
    })

  })
})

What you did:

I’m trying to test a component with a react hook that attaches a click listener on the document, but the listener is not applied by the time I am accessing it with the ‘waitForElement’ … So now, I’m using wait() to wait for something to appear, however, the test is never completing.

What happened:

My computer fan revs up like crazy, making me think it is stuck in an infinite loop.

Reproduction:

I don’t have a repo up yet, but I can set one up if that will help.

Something important to note was that I ran a single test with Jest doing jest "GoodTest" I am testing now to see if I get the same behaviour by running all tests.