Unit testing using Testing Library React and Auth0Provider

Get Help
, ,
2

I managed to solve the issue though it might not be the perfect solution. Auth0Provider is running something asynchronously if I did not guess wrong and it causes a re render. I was able to hack the test to get it to work but maybe there might be some best practices out there. This is the test code to get it to work. The waitFor call forces the jest runner to wait till the the div with role timer is rendered before continuing the test which fixes the error

App.test.js

import React from 'react'
import {render} from '@testing-library/react'
import {App} from './app'
test('renders a themed timeclock', () => {
  const {container} = render(<App />)
  await waitFor(() => screen.getByRole('timer'))
  expect(container).toMatchInlineSnapshot()
})