Яків Крамаренко “Локатори і з чим їх їдять:)”

1. Refactoring Locators

2. yashaka @
About
QAA Director @

3. App Under Test

4. <input id="new-todo" placeholder="What needs to be done?"
autofocus="" …>

5. //...
$(“input#new-todo“).setValue(“a”).pressEnter();
Redundancy

6. //...
$(“#new-todo“).setValue(“a”).pressEnter();
Redundancy Minimum Valuable

7. //...
$x(“//*[@id=‘new-todo’]“).setValue(“a”);
xPath over Css

8. //...
$(“#new-todo“).setValue(“a”);
CSS over xPath

9. <ul id="todo-list" …>
<li class="active" data-index="0">
…
</li>
<li class="active" data-index="1">
<div class="view">
<input class="toggle" type="checkbox">
<label>b</label>
…
</div>
…
</li>
<li class="active" data-index="2">
…
</li></ul>

10. $x(“//*[@id=‘todo-list’]/li[2]/div/
[@class=‘toggle']")
.click();
Redundancy in path

11. $x(“//*[@id=‘todo-list’]/li[2]//*
[@class=‘toggle']")
.click();
Less Strict

12. $x(“//*[@id=‘todo-list’]/li[2]//*
[@class=‘toggle']")
.click();
still Strict in exact attribute search

13. $x(“//*[@id=‘todo-list’]/li[2]//*
[contains(concat(' ', normalize-
space(@class), ' '), ' toggle ')]")
.click();
nonDependent on exact class attribute

14. $x(“//*[@id=‘todo-list’]/li[2]//*” +
XFiltered.byClass(’toggle’))
.click();
nonDependent on exact class attribute
Refactored;)

15. $(“#todo-list li:nth-of-type(2) .toggle”)
.click();
still CSS over xPath ;)

16. $(“#todo-list li:nth-of-type(2) .toggle”)
.click();
Long & Complex

17. $$(“#todo-list li”).get(1).find(“.toggle”)
.click();
Broken Down & Simple

18. $$(“#todo-list>li”).get(1).find(“.toggle”)
.click();
A bit technical

19. $$(“#todo-list>li”)
.findBy(text(“b”))
.find(“.toggle”)
.click();
User oriented

20. $$(“.toggle”)
.get(1)
.click();
Without context

21. $$(“#todo-list>li”)
.findBy(text(“b”))
.find(“.toggle”)
.click();
Informative and Specific enough

22. Too Abstract
$$(“#todo-list>li”)
.findBy(text(“b”))
.find(“input”)
.click();

23. Informative and Specific enough
$$(“#todo-list>li”)
.findBy(text(“b”))
.find(“.toggle”)
.click();

24. Inconsistency
$$(“.view”).shouldHave(texts(“a”, “b”));
$$(“#todo-list>li”)
.findBy(text(“b”))
.find(“.toggle”)
.click();
$$(“.view”).shouldHave(texts(“a”));

25. inConsistency
$$(“#todo-list>li”).shouldHave(texts(“a”, “b”));
$$(“#todo-list>li”)
.findBy(text(“b”))
.find(“.toggle”)
.click();
$$(“#todo-list>li”).shouldHave(texts(“a”));

26. Missed today
DRY (Don’t Repeat Yourself)
Abstraction

27. by ID vs by Text
- food for the brain

28. Strict and fragile
vs
Weaker but stable
- food for the brain

29. $$(“#todo-list>li”)
.findBy(text(“b”))
.find(“.toggle”)
#todo-list > li:nth-child(2) > div > input
VS
Generated
Optimized

30. Feng shui
vs
?
- food for the brain

31. Test Automation is a Scam
o_O ?
- to be continued…

32. Afterwords
There are good practices in context,
but there are no best practices.
(c) Cem Kaner, James Bach

33. Q&A

34. Thank you!
k-expert.com
yashaka @