React Native Integration Testing

React Native brings a whole new set of techniques that makes mobile development more like web development. One critical piece to the puzzle is how to test your application. We know that great tests build confidence in the code and result in better applications that are easier to maintain, but the native environment brings its own set of challenges. In this talk, I’ll go through what has worked for us with regards to unit, component, and integration testing and how this sets us up for an effective development experience.

Transcript

1. React Na(ve Integra(on Tes(ng Brian Leonard TaskRabbit 01/14/2016
4. Tes(ng •  Unit •  Component •  Integra(on
7. Test (mocha) Server (koa) Simulator (appium) Start on port 3001 Start on port 4724 Start Packager
8. Test (mocha) Server (koa) Simulator (appium) Started! Started!
9. Test (mocha) Server (koa) Simulator (appium) Stub our some responses Test starts Setup
10. Test (mocha) Server (koa) Simulator (appium) What url to show and ac(ons to perform Test starts Setup
11. Test (mocha) Server (koa) Simulator (appium) Click ResetTest buNon Delete local files Setup Deleted! Test starts
12. Test (mocha) Server (koa) Simulator (appium) Click ResetTest buNon Delete local files What should I do? What the test said earlier Bootstrap Set up! Test starts
13. Test (mocha) Server (koa) Simulator (appium) Click Add Post Finds and clicks buNon Tes(ng Done! Running Test
14. Test (mocha) Server (koa) Simulator (appium) Screen say “New Post” Looks for text Tes(ng It’s there! Running Test
15. Test (mocha) Server (koa) Simulator (appium) Fill in text and Submit Does it Create post via API Return with stubbed response Tes(ng Posted! Running test
16. Test (mocha) Server (koa) Simulator (appium) On dashboard and see new post? Looks for stuff Tes(ng Yep! Running Test
19. Then… •  Do that a bunch of (mes •  Set up it up to run automa(cally •  Keep it green •  Profit
20. Thanks tech.taskrabbit.com taskrabbit.com/careers twiNer.com/bleonard