children

disabled

visible

selected

parent

can execute native code

can run on most CIs (Linux, etc) and do not require a mobile device or emulator

light runtime environment

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