React Na(ve Integra(on Tes(ng
Brian Leonard
TaskRabbit
01/14/2016
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
Tes(ng
• Unit
• Component
• Integra(on
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
Test
(mocha)
Server
(koa)
Simulator
(appium)
Start on port
3001
Start on port
4724
Start Packager
Slide 8
Slide 8 text
Test
(mocha)
Server
(koa)
Simulator
(appium)
Started! Started!
Slide 9
Slide 9 text
Test
(mocha)
Server
(koa)
Simulator
(appium)
Stub our some
responses
Test starts
Setup
Slide 10
Slide 10 text
Test
(mocha)
Server
(koa)
Simulator
(appium)
What url to show
and ac(ons
to perform
Test starts
Setup
Slide 11
Slide 11 text
Test
(mocha)
Server
(koa)
Simulator
(appium)
Click ResetTest
buNon
Delete local files
Setup
Deleted!
Test starts
Slide 12
Slide 12 text
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
Slide 13
Slide 13 text
Test
(mocha)
Server
(koa)
Simulator
(appium)
Click Add Post
Finds and clicks buNon
Tes(ng
Done!
Running Test
Slide 14
Slide 14 text
Test
(mocha)
Server
(koa)
Simulator
(appium)
Screen say
“New Post”
Looks for text
Tes(ng
It’s there!
Running Test
Slide 15
Slide 15 text
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
Slide 16
Slide 16 text
Test
(mocha)
Server
(koa)
Simulator
(appium)
On dashboard
and see new
post?
Looks for stuff
Tes(ng
Yep!
Running Test
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
Then…
• Do that a bunch of (mes
• Set up it up to run automa(cally
• Keep it green
• Profit