React Native Testing Library - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the main purpose of React Native Testing Library?

It helps you test React Native components by simulating user interactions and checking UI output, focusing on how users use the app rather than internal implementation.

beginner

Which function from React Native Testing Library is used to render a component for testing?

The render() function is used to create a virtual version of the component so you can interact with it in tests.

beginner

How do you find a button with the text 'Submit' using React Native Testing Library?

Use getByText('Submit') to find the button element that displays the text 'Submit'.

intermediate

Why is it better to use queries like getByRole or getByText instead of accessing component internals in tests?

Because these queries mimic how users find elements, making tests more reliable and less fragile to internal code changes.

beginner

What does the fireEvent.press() function do in React Native Testing Library?

It simulates a user pressing (tapping) a button or touchable element in your test environment.

Which React Native Testing Library function renders a component for testing?

A create()

B mount()

C shallow()

D render()

render() is the correct function to render components in React Native Testing Library.

How do you simulate a button press in React Native Testing Library?

A simulate.press()

B fireEvent.click()

C fireEvent.press()

D trigger.press()

fireEvent.press() simulates a press event on touchable elements.

Which query would you use to find a text element with the exact content 'Hello'?

A getByPlaceholder('Hello')

B getByText('Hello')

C getByTestId('Hello')

D getByRole('Hello')

getByText('Hello') finds elements by their visible text content.

Why should tests avoid relying on component internal details?

A To make tests less fragile and more user-focused

B To make tests faster

C To reduce code size

D To increase test coverage

Focusing on user behavior makes tests more stable and meaningful.

What does the cleanup() function do in React Native Testing Library?

A Removes rendered components from the test environment

B Simulates user events

C Renders the component

D Finds elements by text

cleanup() clears the rendered components to avoid test interference.

Explain how React Native Testing Library helps you write better tests for your app.

Think about how users see and use your app.

Describe the steps to test a button press event using React Native Testing Library.

Imagine you are tapping the button in a real app.