toBeInTheDocument()

toBeTruthy()

toContainElement()

toBeOnTheScreen()

toEqual()

fireEvent

userEvent

createEvent

act

test('with fake timers', () => {
  jest.useFakeTimers();
  const view = render(<TestAsyncComponent />);
  act(() => {
    jest.runAllTimers();
  });
  expect(view.getByText('Count 1')).toBeOnTheScreen();
});

test('with waitFor', async () => {
  const view = render(<TestAsyncComponent />);

  await waitFor(() => view.getByText('Count 1'));
  expect(view.getByText('Count 1')).toBeOnTheScreen();
});

test('with getBy', () => {
  const view = render(<TestAsyncComponent />);
  expect(view.getByText('Count 0')).toBeOnTheScreen();
});

test('with findBy', async () => {
  const view = render(<TestAsyncComponent />);

  expect(await view.findByText('Count 1')).toBeOnTheScreen();
});

test('with sleep', async () => {
  const view = render(<TestAsyncComponent />);
  await act(async () => {
    await sleep(100); // Wait a bit longer than setTimeout in `TestAsyncComponent`
  });

  expect(view.getByText('Count 1')).toBeOnTheScreen();
});

using options prop on Stack.Navigator

options prop on Stack.Screen

using useOptions hook

using navigation.setOptions method

screenOptions prop on Stack.Navigator

returns the route prop of the screen it's inside.

It helps to navigate to a new route

It allows to receive the route's parameters

It returns the current route's navigation options

component

children

render

element