Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Visual Testing: A Communication Problem

79fe3c13c618a61329298bdd6a86ec42?s=47 Bas Broek
June 15, 2018
Programming
0
57

Visual Testing: A Communication Problem

79fe3c13c618a61329298bdd6a86ec42?s=128

Bas Broek

June 15, 2018
Tweet

More Decks by Bas Broek

See All by Bas Broek
Accessibility on Apple Platforms: Beyond VoiceOver
79fe3c13c618a61329298bdd6a86ec42?s=48 basthomas
0
19
No Touch(screen) Required: Voice & Keyboard Accessibility
79fe3c13c618a61329298bdd6a86ec42?s=48 basthomas
0
23
Dancing with Dinosaurs: Objective-C and Swift Interop
79fe3c13c618a61329298bdd6a86ec42?s=48 basthomas
0
33
Effective Pull Request Reviews
79fe3c13c618a61329298bdd6a86ec42?s=48 basthomas
0
220
Accessibility in SwiftUI: Better Apps for Everyone
79fe3c13c618a61329298bdd6a86ec42?s=48 basthomas
0
29
An Introduction to Unit Testing Logic (in Swift)
79fe3c13c618a61329298bdd6a86ec42?s=48 basthomas
0
42
Swift 5's Custom String Interpolation in Practice
79fe3c13c618a61329298bdd6a86ec42?s=48 basthomas
0
220
Building XING's Technology Advisory Board through GitHub
79fe3c13c618a61329298bdd6a86ec42?s=48 basthomas
0
100
Writing Testable Code
79fe3c13c618a61329298bdd6a86ec42?s=48 basthomas
0
42

Other Decks in Programming

See All in Programming
Cybozu GoogleI/O 2022 LT会 - Input for all screens
15bf72ac0417f0aab38b6f0ab084d605?s=48 jaewgwon
0
340
大規模プロダクトにLinterを導入し運用している話
68b11f940176220aa84f755abb0bea10?s=48 hirokiotsuka
0
220
Cross Deviceチームにおけるスマートテレビアプリ開発ってどんな感じ？
95f926465b1c71fbb49850c5b6223c4d?s=48 cokaholic
0
120
heyにおけるCI/CDの現状と課題
4631864606a93224804a49331d1a7dfd?s=48 fufuhu
3
560
CSE360 Tutorial 07
B546a9b97d993392e4b22b74b99b91fe?s=48 javiergs
PRO
0
100
UI Testing of Jetpack Compose Apps, AppDevCon
2b0404a5db1a74f01bf3bf94d142e28c?s=48 alexzhukovich
0
170
模組化的Swift架構(二) DDD速成
A3d3b179955bdea9fc05b3251f1b1f10?s=48 haifengkao
0
390
JSのウェブフレームワークで高速なルーターを実装する方法
6e34bfefc3edbe746ac7a71ca6635309?s=48 usualoma
1
1.9k
Jetpack Compose, 어디까지 알고 있을까?
4d4d46ec84935e69f6f63b011873335d?s=48 jisungbin
0
120
チームでカレーを作ろう！アジャイルカレークッキング
D30220c903365b2170e791313296b2f9?s=48 akitotsukahara
0
850
Modern Android Developer ~ 안내서
354271902cd8ba2762d05b251dfa0f84?s=48 pluu
1
640
Gitlab CIでMRを自動生成する
1a2f29252240936c0ac4db4edab36d41?s=48 forcia_dev_pr
0
120

Featured

See All Featured
KATA
E9221b172e78e888355fa2fe4541b595?s=48 mclloyd
7
8.7k
The Language of Interfaces
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
148
20k
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
28
6.6k
Clear Off the Table
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
79
280k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
E425fe9f170efa0dfaf8ab69d7107418?s=48 aki_i
23
15k
Making the Leap to Tech Lead
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
113
7.4k
Testing 201, or: Great Expectations
A9704266587836f7e784235e5073b93e?s=48 jmmastey
21
5.4k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
420k
Faster Mobile Websites
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
Design by the Numbers
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
271
17k
Raft: Consensus for Rubyists
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
126
5.4k
Designing for Performance
245cee81a9c424266e5e401d844ea881?s=48 lara
597
63k

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