Painless UI Testing With Jest

This is slides from my talk at F8 Meetup Malang on 19 April 2017

Transcript

1. PAINLESS UI TESTING WITH JEST YOAN PRATAMA PUTRA
2. TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING
3. WHY TESTING?
4. 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
5. HOW TO DO TESTING?
7. PAINLESS UI TESTING WITH JEST - KODEFOX ▸ Fast ▸ Easy Setup ▸ Instant Feedback ▸ Snapshot Testing ▸ From Facebook
8. PAINLESS UI TESTING WITH JEST - KODEFOX ▸ Watch mode ▸ Mock modules and functions ▸ Mock react native components ▸ Mock react native platform OS FEATURES
11. WHAT ABOUT UI COMPONENTS?
12. SNAPSHOT TESTING
14. expect(component).toMatchSnapshot() get the output of the function save it into a .snap file has saved snapshot? compare snapshots
15. SNAPSHOT TESTING PASS FAIL CHANGED BUG
23. WHAT WILL HAPPEN?
26. SNAPSHOT TESTING PASS FAIL CHANGED BUG
27. WHAT WILL HAPPEN?
29. SNAPSHOT TESTING PASS FAIL CHANGED BUG
30. PAINLESS UI TESTING WITH JEST - KODEFOX BENEFITS OF SNAPSHOT TESTING ▸ Automated process ▸ Adapt to changes ▸ Easy to maintain
31. Thank you! @oshimayoan oshimayoan/testing-react-demo