Four Tips for More Testable UI

Fd80f9c58b06270d42356dd77a32defa?s=47 Jim Holmes
March 17, 2019
Technology
0
24

Four Tips for More Testable UI

Quick talk given at the 2019 Microsoft MVP summit during the ALM group's MVP2MVP sessions.

Fd80f9c58b06270d42356dd77a32defa?s=128

Jim Holmes

March 17, 2019
Tweet

More Decks by Jim Holmes

See All by Jim Holmes
Fd80f9c58b06270d42356dd77a32defa?s=48 jimholmes
1
13
Fd80f9c58b06270d42356dd77a32defa?s=48 jimholmes
0
77
Fd80f9c58b06270d42356dd77a32defa?s=48 jimholmes
0
49
Fd80f9c58b06270d42356dd77a32defa?s=48 jimholmes
0
2.6k
Fd80f9c58b06270d42356dd77a32defa?s=48 jimholmes
0
2.6k
Fd80f9c58b06270d42356dd77a32defa?s=48 jimholmes
0
130
Fd80f9c58b06270d42356dd77a32defa?s=48 jimholmes
0
2.4k
Fd80f9c58b06270d42356dd77a32defa?s=48 jimholmes
0
100
Fd80f9c58b06270d42356dd77a32defa?s=48 jimholmes
0
660

Other Decks in Technology

See All in Technology
79dcb04101764d7bf66f898dd446838e?s=48 tsukubachallenge
0
220
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
200
2b4f9f20b554d4c77c46fe6a9930d6fe?s=48 south37
1
1.2k
69f5ab96892df4d8cbe32189f2ed2d9d?s=48 heyinc
2
10k
Cd891a89dfec6ca7bd278b5f5bd87c90?s=48 tzkoba
1
410
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
3
280
8a84268593355816432ceaf78777d585?s=48 dena_tech
0
2.1k
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
220
5b47136bedcba2799edf4fcd27ea66d7?s=48 yaegashi
0
180
Dacd98e0fcfc478b24f9cd7ec9208904?s=48 manabusakai
0
950
0251532f4fb413ea1a026efe6eb16b87?s=48 stajima
0
230
835671ae91e49b2637313b91dacda1db?s=48 tdys13
2
1.3k

Featured

See All Featured
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
6.8k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
350k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
70
3.3k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
652
54k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
5
3.5k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
144
19k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
1
17
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
7.4k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
17
1.2k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
12
430
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
16k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
407
57k

Transcript

  1. Testable UIs

  2. Or: How to help your test automation folks drink less

  3. jim@GuidepostSystems.com @aJimHolmes

  4. Fortune 10 client Java 6 Enterprise-ready components HP build and

    SCM tools “What’s a unit test?”

  5. Thank you ET

  6. Generalized Talk Ideas apply to all UI and automation tools

  7. https://github.com/jimholmes/ Demo-Site

  8. Two main problems in all UI testing

  9. Finding Stuff

  10. Async

  11. Also SharePoint

  12. Finding stuff == Locators

  13. For Web, prefer: IDs CSS/JQuery-ish Name Custom Attributes

  14. As a last resort: XPath

  15. None

  16. Create Good Locators

  17. 0) Own Your HTML

  18. None
  19. None
  20. None

  21. FindElement.ById(“grid”)

  22. None
  23. None

  24. 1) Understand your controls / frameworks

  25. None
  26. None
  27. None

  28. FindElement.ByCss( “some big stupid CSS string”)

  29. Someone changes style

  30. None
  31. None
  32. None

  33. FindElement.ById( “update-btn”)

  34. 2) Tweak dynamic data

  35. None

  36. Find elements by text content. Might not be granular enough.

  37. None
  38. None

  39. No useful attributes

  40. None
  41. None
  42. None

  43. ID is position-based. Data changes, IDs change.

  44. None

  45. We own the code!

  46. Is there some useful data in your objects?

  47. None
  48. None
  49. None
  50. None
  51. None

  52. FindElement.ById( contains(“Cobb”) )

  53. “Name” isn’t all that useful. Got contract numbers? Project IDs?

    Other stuff? Find good metadata!

  54. 3) Make complex async less painful

  55. None

  56. SharePoint

  57. wait until expected condition 1 wait until expected condition 2

    IF SOMETHING wait until expected condition 3 IF SOMETHING ELSE wait until expected condition 4 FINALLY wait until expected condition 342

  58. We own the code!

  59. Create “flags” when async is complete

  60. None
  61. None
  62. None
  63. None
  64. None

  65. Wait until flags.div(responseType=create) exists

  66. 0) Add static IDs 1) Tweak controls 2) Use data

    for locators 3) Build flags/latches for complex async
  67. None

  68. https://github.com/jimholmes/ Demo-Site