Integration Testing for React Native Apps

on YouTube ↗26m

" summary

Claims a concrete workflow: run a React Native app in the browser via Expo and exercise it with Cypress to cover most logic, spy and stub network calls, inject fixtures, delay responses, and collect Istanbul coverage and visual diffs. Reports show Cypress + Expo workflow finds API and UI logic errors quickly, supports accessibility checks, and handles mocked network failures. Notes limitations for native-only modules and estimates 90% of app testable in browser with code instrumentation and visual snapshots showing it works.

AI-written summary · about

" chapters (15)

1. 0:00Introduction
2. 2:48Testing
3. 4:38Import
4. 5:18Test
5. 6:13Network Spy
6. 7:06Loading Indicator
7. 7:45Fixture
8. 8:15Network Error
9. 9:00Accessibility Labels
10. 10:01Accessibility Check
11. 10:23Code Instrumentation
12. 12:32Does it work
13. 14:32QA
14. 19:54Expo
15. 21:50Integration vs Unit Tests

" related talks

• 18mTesting your React Native App - The Cypress wayJanhavi Dahihande · droidcon Berlin 2021
• 40mReact Native is Coming – the story of hybrid mobile application testingAdam Stasiak · QA Fest 2018
• 18mTesting React in a Right WayVarik Matevosyan (Arm) | ReactConfAM19 · React Conf Armenia 2019
• 25mReact developers in a wild world of native appsMilica Aleksic · React Day New York 2021
• 30mTesting & React Native"Lessons from the Battlefield"Aaron Greenwald · React Amsterdam 2017
• 19mWhy you should Jest use Cypress for React component testingTyler Graf · UtahJS Conf 2023
• 22mTesting in React Native: Unit & E2EPreeti Wadhwani · React Alicante 2019
• 42mReact Native Up and RunningBetty Pierce · DevFest Florida 2019