End-To-End Tesing with ReactNative

Talking about testing in the React Native mobile application development

Transcript

1. END-TO-END TESTING On React Native
2. WHAT IS REACT NATIVE?
4. “I CAN DO BOTH AT ONCE. EAZY PEAZY” -KEVIN (SOFTWARE ENGINEER)
5. WHAT IS END-TO-END TESTING?
6. AGILE WATERFALL
7. A TECHNIQUE USED TO TEST WHETHER THE FLOW OF AN APPLICATION RIGHT FROM START TO FINISH IS BEHAVING AS EXPECTED SO, END-TO-END TESTING IS…
8. THE PRACTICE OF RUNNING YOUR APP ON A REAL DEVICE OR SIMULATOR AND INTERACTING WITH IT LIKE A REAL WORLD USER WOULD. WHAT TECHNIQUE?
9. WHY WE NEED END-TO-END TESTING?
10. WHY WE NEED END-TO-END TESTING? It allows developers to push code without worrying about breaking things It enables releases with extra confidence it catches errors that are missed during manual regression testing
11. BENEFITS: specify our system prevent bugs and regression perform continuous integration
13. EXAMPLE OF FAILING IN INTEGRATION TEST
16. HOW TO END-TO-END TESTING ON REACT NATIVE
17. WHAT IS BLACK / GREY BOX In Grey Box = (code) is partially known In Black Box = (code) is unknown
18. EXAMPLE OF GREY BOX TESTING
19. EXAMPLE OF BLACK BOX TESTING In home screen, klik tab contacs It should navigate to contacs screen Periodically check if the condition is true fail with an error after a time if not
20. FLAKINESS
21. DETOX BY WIX Gray box end-to-end testing and automation library for mobile apps. Detox tests your mobile app while it's running in a real device/simulator, interacting with it just like a real user.
22. DETOX BENENFITS: Cross Platform: Write cross- platform tests in JavaScript. Currently supports iOS and Android. Runs on Devices (not yet supported on iOS): Gain confidence to ship by testing your app on a device/simulator just like a real user. Automatically Synchronized: Stops flakiness at the core by monitoring asynchronous operations in your app. Made For CI: Execute your E2E tests on CI platforms like Travis without grief. Test Runner Independent: Use Mocha, AVA, or any other JavaScript test runner you like. Debuggable: Modern async- await API allows breakpoints in asynchronous tests to work as expected.
23. IMPLEMENTATIION ▪ Flow 1: OnBoarding ▪ Flow 2: Login by email
24. DEMO