old-act.js

let asyncAct, consoleErrorMock

beforeEach(() => {
  jest.resetModules()
  asyncAct = require('../act-compat').asyncAct
  consoleErrorMock = jest.spyOn(console, 'error').mockImplementation(() => {})
})

afterEach(() => {
  consoleErrorMock.mockRestore()
})

jest.mock('react-dom/test-utils', () => ({
  act: cb => {
    cb()
    return {
      then() {
        console.error(
          'Warning: Do not await the result of calling ReactTestUtils.act(...), it is not a Promise.',
        )
      },
    }
  },
}))

test('async act works even when the act is an old one', async () => {
  const callback = jest.fn()
  await asyncAct(async () => {
    console.error('sigil')
    await Promise.resolve()
    await callback()
    console.error('sigil')
  })
  expect(console.error.mock.calls).toMatchInlineSnapshot(`
    Array [
      Array [
        sigil,
      ],
      Array [
        It looks like you're using a version of react-dom that supports the "act" function, but not an awaitable version of "act" which you will need. Please upgrade to at least react-dom@16.9.0 to remove this warning.,
      ],
      Array [
        sigil,
      ],
    ]
  `)
  expect(callback).toHaveBeenCalledTimes(1)

  // and it doesn't warn you twice
  callback.mockClear()
  console.error.mockClear()

  await asyncAct(async () => {
    await Promise.resolve()
    await callback()
  })
  expect(console.error).toHaveBeenCalledTimes(0)
  expect(callback).toHaveBeenCalledTimes(1)
})

test('async act recovers from async errors', async () => {
  try {
    await asyncAct(async () => {
      await null
      throw new Error('test error')
    })
  } catch (err) {
    console.error('call console.error')
  }
  expect(console.error).toHaveBeenCalledTimes(2)
  expect(console.error.mock.calls).toMatchInlineSnapshot(`
    Array [
      Array [
        It looks like you're using a version of react-dom that supports the "act" function, but not an awaitable version of "act" which you will need. Please upgrade to at least react-dom@16.9.0 to remove this warning.,
      ],
      Array [
        call console.error,
      ],
    ]
  `)
})

test('async act recovers from sync errors', async () => {
  try {
    await asyncAct(() => {
      throw new Error('test error')
    })
  } catch (err) {
    console.error('call console.error')
  }
  expect(console.error).toHaveBeenCalledTimes(1)
  expect(console.error.mock.calls).toMatchInlineSnapshot(`
    Array [
      Array [
        call console.error,
      ],
    ]
  `)
})

test('async act can handle any sort of console.error', async () => {
  await asyncAct(async () => {
    console.error({error: 'some error'})
    await null
  })

  expect(console.error).toHaveBeenCalledTimes(2)
  expect(console.error.mock.calls).toMatchInlineSnapshot(`
    Array [
      Array [
        Object {
          error: some error,
        },
      ],
      Array [
        It looks like you're using a version of react-dom that supports the "act" function, but not an awaitable version of "act" which you will need. Please upgrade to at least react-dom@16.9.0 to remove this warning.,
      ],
    ]
  `)
})

test('async act should not show an error when ReactTestUtils.act returns something', async () => {
  jest.resetModules()
  jest.mock('react-dom/test-utils', () => ({
    act: () => {
      return new Promise(resolve => {
        console.error(
          'Warning: The callback passed to ReactTestUtils.act(...) function must not return anything',
        )
        resolve()
      })
    },
  }))
  asyncAct = require('../act-compat').asyncAct
  await asyncAct(async () => {
    await null
  })

  expect(console.error).toHaveBeenCalledTimes(0)
})

/* eslint no-console:0 */