Visual Testing: A Communication Problem

Transcript

1. VISUAL TESTING A COMMUNICATION PROBLEM 1 — @basthomas

2. COMMUNICATION IS HARD 2 — @basthomas

3. SNAPSHOT TESTING 3 — @basthomas

4. func testViewWithSecondaryInteraction() { let viewUnderTest = InteractionBarView() let primaryInteractions: [Interaction]

   = [.recommend, .comment, .like] let secondaryInteractions: [Interaction] = [.report] viewUnderTest.setup( withInteractions: primaryInteractions, secondaryInteractions: secondaryInteractions ) validateSnapshots(forView: viewUnderTest) } 4 — @basthomas

5. func testViewWithSecondaryInteraction() { let viewUnderTest = InteractionBarView() let primaryInteractions: [Interaction]

   = [.recommend, .comment, .like] let secondaryInteractions: [Interaction] = [.report] viewUnderTest.setup( withInteractions: primaryInteractions, secondaryInteractions: secondaryInteractions ) validateSnapshots(forView: viewUnderTest) } 5 — @basthomas

6. func testViewWithSecondaryInteraction() { let viewUnderTest = InteractionBarView() let primaryInteractions: [Interaction]

   = [.recommend, .comment, .like] let secondaryInteractions: [Interaction] = [.report] viewUnderTest.setup( withInteractions: primaryInteractions, secondaryInteractions: secondaryInteractions ) validateSnapshots(forView: viewUnderTest) } 6 — @basthomas

7. func testViewWithSecondaryInteraction() { let viewUnderTest = InteractionBarView() let primaryInteractions: [Interaction]

   = [.recommend, .comment, .like] let secondaryInteractions: [Interaction] = [.report] viewUnderTest.setup( withInteractions: primaryInteractions, secondaryInteractions: secondaryInteractions ) validateSnapshots(forView: viewUnderTest) } 7 — @basthomas

8. func testViewWithSecondaryInteraction() { let viewUnderTest = InteractionBarView() let primaryInteractions: [Interaction]

   = [.recommend, .comment, .like] let secondaryInteractions: [Interaction] = [.report] viewUnderTest.setup( withInteractions: primaryInteractions, secondaryInteractions: secondaryInteractions ) validateSnapshots(forView: viewUnderTest) } 8 — @basthomas

9. func testViewWithSecondaryInteraction() { let viewUnderTest = InteractionBarView() let primaryInteractions: [Interaction]

   = [.recommend, .comment, .like] let secondaryInteractions: [Interaction] = [.report] viewUnderTest.setup( withInteractions: primaryInteractions, secondaryInteractions: secondaryInteractions ) validateSnapshots(forView: viewUnderTest) } 9 — @basthomas

10. 10 — @basthomas

11. WHAT IF THE DESIGN CHANGES? 11 — @basthomas

12. WHAT IF ONE OF THE PRIMARY INTERACTIONS CHANGES? 12 —

    @basthomas

13. ! 13 — @basthomas

14. IT IS EASY TO MAKE A MISTAKE 14 — @basthomas

15. NAMING IS HARD 15 — @basthomas

16. NAMING IS HARD > testCellWithPageControlOnPage2of3 > testCellWithLongNameAndJob > testWithShortContent >

    testTwoBirthdaysUnseenElement > testStateLoadMoreFailedInsertedOnTop > testSlideupViewWithNoIconNoButton 16 — @basthomas

17. DO YOU HAVE ANY IDEA WHAT IT IS WE'RE TESTING

    HERE? 17 — @basthomas

18. ... MAYBE? 18 — @basthomas

19. DO YOU HAVE ANY IDEA WHEN THESE TESTS ARE EXPECTEDLY

    FAILING? 19 — @basthomas

20. ME NEITHER 20 — @basthomas

21. A FAILING SNAPSHOT TEST 21 — @basthomas

22. 22 — @basthomas

23. testCellWithPageControlOnPage2of3 SO, IT SHOULDN'T BE 23 — @basthomas

24. ! 24 — @basthomas

25. REPLACEABLE BY UNIT TESTS 25 — @basthomas

26. SNAPSHOTS AT SCALE 26 — @basthomas

27. WE MADE IT HARDER ON OURSELVES FORK, WRAPPER, WRAPPER, WRAPPER

    27 — @basthomas

28. DOCUMENT DECISIONS 28 — @basthomas

29. MULTIPLE SIMULATORS 29 — @basthomas

30. SPACE 30 — @basthomas

31. IDE UPDATES 31 — @basthomas

32. ! 32 — @basthomas

33. !"!"!"!"! !"!"!"!"! !"!"!"!"! !"!"!"!"! !"!"!"!"! 33 — @basthomas

34. SNAPSHOTS ARE SUBJECTIVE 34 — @basthomas

35. IT IS NOT ALL BAD 35 — @basthomas

36. QUESTION THINGS > "but I just copied it" > "but

    others are doing it" > "but I can't write a unit test here" > "but ..." 36 — @basthomas

37. HOW TO PREVENT THIS 37 — @basthomas

38. DOCUMENT 38 — @basthomas

39. DOCUMENT COMMUNICATE 39 — @basthomas

40. DOCUMENT COMMUNICATE QUESTION THINGS 40 — @basthomas

41. DOCUMENT COMMUNICATE QUESTION THINGS ITERATE 41 — @basthomas

42. THANKS! 42 — @basthomas