rn integration test

home-test.js

import { render, fireEvent, waitFor, act } from '@testing-library/react-native';
import HomeScreen from '@/app/index';

it('fetches the API and displays its response in a modal', async () => {
	const { getByTestId, queryByTestId } = await render(<HomeScreen />);

	expect(queryByTestId('api-response')).toBeNull();

	await act(async () => {
		fireEvent.press(getByTestId('strawberry-button'));
	})

	const response = await waitFor(() => {
		const element = getByTestId('api-response');
		expect(element.props.children).toBe('{"status":"ok"}');
		return element;
	});

	expect(response).toBeTruthy();

	await act(async () => {
		fireEvent.press(getByTestId('close-modal-button'));
	})

	await waitFor(() => {
		expect(queryByTestId('api-response')).toBeNull();
	});
});