React Native Quality Control & Assurance 3

Question 1

What is the recommended way to test navigation in a React Native app using React Navigation?

Accepted Answer

Wrap the component with NavigationContainer in tests

Answer

Wrapping components with NavigationContainer in unit tests provides a real navigation context without needing E2E setup.

Question 2

In Flipper, which plugin is most useful for inspecting React Native component state and props?

Accepted Answer

React DevTools plugin

Answer

The React DevTools plugin in Flipper lets you inspect the component tree, state, and props in real time.

Question 3

Which approach best prevents flakiness in Detox E2E tests that involve animations?

Accepted Answer

Disable animations via UIManager in test builds

Answer

Setting UIManager.setLayoutAnimationEnabledExperimental(false) or disabling animations in native test builds eliminates animation-related timing flakiness.

Question 4

What does `coverage` threshold configuration in jest.config.js enforce?

Accepted Answer

Minimum percentages of statements, branches, functions, or lines that must be covered

Answer

The coverageThreshold option fails the test run if coverage drops below specified percentages for statements, branches, functions, or lines.

Question 5

Which React Native API can be used inside tests to detect if animations have completed before asserting UI state?

Accepted Answer

Both B and C are valid depending on context

Answer

jest.runAllTimers() works for JS-driven animations with fake timers, while InteractionManager.runAfterInteractions() handles interaction-based deferrals.

React Native Practice Test

React Native Practice Test

React Native Quality Control & Assurance 3