Integration testing Native UI Components;

• Detox

  21 10,960 9.7 JavaScript

  Gray box end-to-end testing and automation framework for mobile apps

  

Whilst developing a RN UI component for Video playback by work I couldn't find a nice way to write integration tests that would test the bridging between my JS and native layers. Jest tests only verify JS code and mocks the native side (by design), but I wanted to write a test that verified my component in its entirety (JS all the way to the native layers). Sure I could have written an E2E test in Detox to drive through some UI and verified the JS<->Native integration indirectly by displaying some text on the screen and checking for it, but it didn't feel quite right? (especially since this Video component has a bunch of callbacks and state that I wanted to verify). I wanted to do something similar to instrumented tests on Android where you can write unit and integration tests at a lower level and run them on a device or emulator. So I actually wrote a small utility in React‍ and TypeScript that allows me to write low level integration/unit tests for a native UI component (or module). The test then gets executed as part of our E2E Detox test run 🎉. If this concept is of interest I could publish some code and a write a more detailed article, so let me know 🙏. Also, if there's an existing way to write integration tests for native UI components or modules that can test the JS and Native layers together, please let me know 👍. https://reddit.com/link/kexgsj/video/45ksb1qzxq561/player

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project