Mocking native modules in React Native - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does mocking native modules mean in React Native testing?

Mocking native modules means creating fake versions of native code components so tests can run without relying on actual device features or native implementations.

beginner

Why do we mock native modules in React Native tests?

We mock native modules to isolate JavaScript code from native code, making tests faster, more reliable, and easier to run on any environment without device dependencies.

beginner

Which Jest function is commonly used to mock native modules in React Native?

The Jest function jest.mock() is used to replace native modules with mock implementations during testing.

intermediate

How do you mock the React Native native module 'AsyncStorage' in a test?

You can mock AsyncStorage by calling jest.mock('@react-native-async-storage/async-storage', () => mockImplementation) where mockImplementation fakes AsyncStorage methods like getItem and setItem.

intermediate

What is a key benefit of mocking native modules when running tests on a CI/CD pipeline?

Mocking native modules allows tests to run in environments without real devices or emulators, ensuring tests pass consistently and quickly in automated pipelines.

What is the main purpose of mocking native modules in React Native?

A To improve app performance on devices

B To simulate native functionality for testing without real devices

C To add new features to native modules

D To convert native code to JavaScript

Mocking native modules simulates native features so tests can run without needing actual devices.

Which Jest method is used to replace a native module with a mock?

A jest.mock()

B jest.clearAllMocks()

C jest.fn()

D jest.spyOn()

jest.mock() replaces modules with mocks during testing.

If a native module is not mocked, what can happen during tests?

A Tests run faster

B Tests automatically mock the module

C Tests ignore native modules

D Tests may fail or hang due to missing native code

Without mocking, tests can fail because native code is unavailable in the test environment.

What is a common way to mock AsyncStorage in React Native tests?

A Use jest.mock() with a fake AsyncStorage object

B Call AsyncStorage.clear() before tests

C Import AsyncStorage from a different package

D Use real AsyncStorage on device

jest.mock() with a fake AsyncStorage lets tests run without real storage.

Why is mocking native modules important for CI/CD pipelines?

A It improves app startup time

B It reduces the size of the app bundle

C It allows tests to run without real devices or emulators

D It enables live debugging on devices

Mocking lets tests run in automated environments without device dependencies.

Explain how and why you would mock a native module in a React Native test.

Think about replacing native code with fake code during tests.

Describe the benefits of mocking native modules when running tests in a continuous integration system.

Consider what happens when no real device is available.