Talk for Little Rock Tech Fest

1. This slide is about me
I’m Will!

2. Turing School of Software and Design

3. Testing is great!

4. Testing is a waste of
time!

5. Testing makes our code:
• Scalable
• Durable
• Compact
• Well documented
• Fault tolerant

6. Ok, a little more
about me

7. Tests are Veggies for our code!

8. But front end is just
arts and crafts…

9. Front end apps are
complex too

10. ES6 Warning

11. Don’t want to read code
off the screen? I don’t
blame you

12. @wvmitchell
eat_yo_veggies

14. Testing with Jest

15. Jest
- A test runner
- An assertion library
- A mocking/spying utility

16. Consider a common use case

17. Is fetch called correctly?

18. Does it return data?

19. Does it throw the proper error?

20. Snapshots with Jest

21. Snapshot track changes
over time
Snapshot Current
Test passes!

22. Snapshot track changes
over time
Snapshot Current
Test fails!

23. More on snapshots
later…

24. An absurdly brief
introduction to React

25. App Component
AddVeggiesForm Component
VeggiesContainer Component
Broccoli Kale
Carrots Peas

26. AddVeggiesForm
New Vegetable
Add it

27. Enzyme?

28. AddVeggiesForm
New Vegetable
Add it

29. AddVeggiesForm.js AddVeggiesForm.test.js

30. AddVeggiesForm.js AddVeggiesForm.test.js

31. Generated snapshot:

32. AddVeggiesForm.js AddVeggiesForm.test.js

33. Generated snapshot:

34. AddVeggiesForm.js AddVeggiesForm.test.js

35. AddVeggiesForm.js AddVeggiesForm.test.js

36. AddVeggiesForm.js AddVeggiesForm.test.js

37. Whew! that’s a lot of
code on slides

38. What about end to
end tests?

39. shallow vs mount

40. Ok, just one more…

41. Using mount

42. There’s so much
more

43. Last thoughts

44. @wvmitchell
Thanks!