PAINLESS UI TESTING WITH JEST - KODEFOX
▸ To find bugs
▸ To find defects
▸ To ensure what we create does not break
▸ To ensure what we create does what it is supposed to do
Slide 5
Slide 5 text
HOW TO DO TESTING?
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
PAINLESS UI TESTING WITH JEST - KODEFOX
▸ Fast
▸ Easy Setup
▸ Instant Feedback
▸ Snapshot Testing
▸ From Facebook
Slide 8
Slide 8 text
PAINLESS UI TESTING WITH JEST - KODEFOX
▸ Watch mode
▸ Mock modules and functions
▸ Mock react native components
▸ Mock react native platform OS
FEATURES
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
WHAT ABOUT UI COMPONENTS?
Slide 12
Slide 12 text
SNAPSHOT TESTING
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
expect(component).toMatchSnapshot()
get the output of the function
save it into a .snap file
has
saved snapshot? compare snapshots
Slide 15
Slide 15 text
SNAPSHOT TESTING
PASS
FAIL
CHANGED BUG
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
WHAT WILL HAPPEN?
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
SNAPSHOT TESTING
PASS
FAIL
CHANGED BUG
Slide 27
Slide 27 text
WHAT WILL HAPPEN?
Slide 28
Slide 28 text
No content
Slide 29
Slide 29 text
SNAPSHOT TESTING
PASS
FAIL
CHANGED BUG
Slide 30
Slide 30 text
PAINLESS UI TESTING WITH JEST - KODEFOX
BENEFITS OF SNAPSHOT TESTING
▸ Automated process
▸ Adapt to changes
▸ Easy to maintain