1. ОТ SELENIUM К WATIR
ПУТЬ К ПРОСВЕТЛЕНИЮ

2. АЛЕКСЕЙ РОДИОНОВ
• 7+ лет в тестировании
• Контрибутор в Mozilla (WebQA)
• Разработчик Watir с июля 2012

3. WATIR
• Web application testing in Ruby
• 10 лет
• 750,000 загрузок

5. СИСТЕМЫ АВТОМАТИЗАЦИИ БРАУЗЕРОВ

6. СИСТЕМЫ АВТОМАТИЗАЦИИ БРАУЗЕРОВ
2002 2004 2006 2008 2010 2012

7. СИСТЕМЫ АВТОМАТИЗАЦИИ БРАУЗЕРОВ
Watir
2002 2004 2006 2008 2010 2012

8. WATIR
+ Управление через Windows OLE
+ Стабильность
– Только IE
– Только Windows
– Только Ruby

9. WATIR
browser.goto "http://www.google.com"
browser.text_field(:name, "q").value = "Watir"
browser.button(:name, "btnG").click

10. WATIR
FireWatir
OperaWatir
SafariWatir

11. СИСТЕМЫ АВТОМАТИЗАЦИИ БРАУЗЕРОВ
Watir
Selenium
2002 2004 2006 2008 2010 2012

12. SELENIUM
+ Ядро использует JavaScript
+ Кросс-браузерность
+ Кросс-платформенность
+ Поддержка разных языков (Java, PHP, Ruby и т.д.)
– Ограничение JavaScript песочницей
– Нестабильность
– Перегруженное API

13. SELENIUM
browser.keyPress
browser.type
browser.typeKeys

14. SELENIUM
browser.open "http://www.google.com"
browser.type "name=q", "Selenium"
browser.click "name=btnG", :wait_for => :page

15. СИСТЕМЫ АВТОМАТИЗАЦИИ БРАУЗЕРОВ
Watir
Selenium
WebDriver
2002 2004 2006 2008 2010 2012

16. WEBDRIVER
+ Эмуляция действий пользователя (native events)
+ Кросс-браузерность
+ Кросс-платформенность
+ Поддержка разных языков (Java, PHP, Ruby и т.д.)
+ Объектно-ориентированное API

17. WebDriver API
WebDriver SPI
JSON
Браузер

18. NativeDriver
ios-driver

19. СИСТЕМЫ АВТОМАТИЗАЦИИ БРАУЗЕРОВ
Watir
Selenium
WebDriver
Selenium-WebDriver
2002 2004 2006 2008 2010 2012

20. SELENIUM-WEBDRIVER API

21. SELENIUM-WEBDRIVER API
– Есть ли элемент на странице

22. SELENIUM-WEBDRIVER API
– Есть ли элемент на странице
– Строки CSS/XPath локаторов

23. SELENIUM-WEBDRIVER API
Есть ли элемент на странице

24. SELENIUM-WEBDRIVER API
Есть ли элемент на странице
browser.find_element id: "does-not-exist"
#=> Selenium::WebDriver::Error::NoSuchElementError: Unable to
locate element: {"method":"id","selector":"does-not-exist"}

25. SELENIUM-WEBDRIVER API
Есть ли элемент на странице
browser.find_element id: "does-not-exist"
#=> Selenium::WebDriver::Error::NoSuchElementError: Unable to
locate element: {"method":"id","selector":"does-not-exist"}
Monkey patch?

26. SELENIUM-WEBDRIVER API
Есть ли элемент на странице
browser.find_element id: "does-not-exist"
#=> Selenium::WebDriver::Error::NoSuchElementError: Unable to
locate element: {"method":"id","selector":"does-not-exist"}
Monkey patch?
Методы-обертки?

27. SELENIUM-WEBDRIVER API
CSS/XPath локаторы

28. SELENIUM-WEBDRIVER API
CSS/XPath локаторы
browser.find_element css: ".div1 .div2 .div3"

29. SELENIUM-WEBDRIVER API
CSS/XPath локаторы
browser.find_element css: ".div1 .div2 .div3"
Конкатенация строк локаторов?

30. SELENIUM-WEBDRIVER API
CSS/XPath локаторы
browser.find_element css: ".div1 .div2 .div3"
Конкатенация строк локаторов?
Цепочки из find_element?

31. WATIR API

32. WATIR API
Имя метода = название тэга

33. WATIR API
Имя метода = название тэга
browser.div
browser.span
browser.button
browser.img
browser.a

34. browser.header

35. WATIR API
Сохранение DOM иерархии

36. WATIR API
Сохранение DOM иерархии
browser.div.span
browser.frame.a
browser.table.tbody.td

37. browser.header.div.div.div.a

38. browser.header.a(class: 'b-logo__image')

39. WATIR API
Коллекции элементов

40. WATIR API
Коллекции элементов
browser.divs.each do |div|
div.text
end

41. browser.table.trs.map do |tr|
tr.td(index: 2).text
end
#=> ["$500.00", "$5,600.00"]

42. WATIR API
Ленивая инициализация

43. WATIR API
Ленивая инициализация
link = browser.a(class: "does-not-exist")
link.exists? #=> false
link.click
#=> Watir::Exception::UnknownObjectException: unable to locate
element, using {:class=>"does-not-exist", :tag_name=>"a"}

44. Admin

45. Admin
User

46. Admin
User
def project
{
user: project_div.span(class: "user").text,
job: project_div.span(class: "job").text,
}
end

47. Admin
User
def project
{
user: project_div.span(class: "user").text,
job: project_div.span(class: "job").text,
change_link: project_div.a(text: "Change Commitment")
}
end

48. Admin
User
def project
{
user: project_div.span(class: "user").text,
job: project_div.span(class: "job").text,
change_link: project_div.a(text: "Change Commitment")
}
end
project[:change_link].click #=> Admin: "Ok"
project[:change_link].click #=> User: "UnknownObjectException"

49. WATIR API
Удобная работа с Ajax

50. WATIR API
Удобная работа с Ajax
browser.button(id: "button").when_present.click
browser.text_field(id: "field").when_visible.set "watir"
browser.img(id: "image").wait_while_present

51. WATIR API
Поддержка “текстовых” локаторов

52. WATIR API
Поддержка “текстовых” локаторов
browser.text_field label: "Email"
browser.button text: "Submit"

53. WATIR API
Множественные локаторы

54. WATIR API
Множественные локаторы
browser.img class: "image", index: 3

55. WATIR API
Множественные локаторы
browser.img class: "image", index: 3
browser.find_element xpath: "(//img[@class='image'])[4]"

56. WATIR API
Кастомные аттрибуты

57. WATIR API
Кастомные аттрибуты
browser.div data_attr: "attr"

58. WATIR API
Регулярные выражения в локаторах

59. WATIR API
Регулярные выражения в локаторах
browser.a id: /job_d+_name/

60. Старый дизайн

61. Старый дизайн

62. Старый дизайн
def message
browser.div(class: "flash_notice").text
end

63. Старый дизайн
def message
browser.div(class: "flash_notice").text
end
Новый дизайн

64. Старый дизайн
def message
browser.div(class: "flash_notice").text
end
Новый дизайн

65. Старый дизайн
def message
browser.div(class: /(flash_|b-)notice/).text
end
Новый дизайн

66. WATIR API
Checkers

67. WATIR API
Checkers
browser.add_checker do |page|
if page.text.include?("Server Error")
raise TestError, "Application exception!"
end
end

68. WATIR API
Checkers
1. При переходе по URL
2. При обновлении страницы
3. При клике по элементу

69. WATIR API
Alert API
Cookies API
Screenshot API

70. Selenium-WebDriver
+
Watir
=

71. Watir-WebDriver
the most elegant way to use webdriver in ruby

72. WebDriver API
WebDriver SPI
JSON
Браузер

73. Watir API
WebDriver API
WebDriver SPI
JSON
Браузер

74. UNDER THE HOOD

75. UNDER THE HOOD
WebIDL
https://github.com/jarib/webidl
Парсер Interface Description Language и
генератор Ruby-кода
Обеспечивает поддержку W3C спецификаций

76. UNDER THE HOOD
WatirSpec
https://github.com/watir/watirspec
Набор интеграционных тестов, описывающих и
проверяющих Watir API

77. UNDER THE HOOD
Конструктор XPath запросов
Конструктор CSS запросов

78. UNDER THE HOOD
browser.text_field

79. UNDER THE HOOD
browser.text_field
=
.//input[not(@type) or (translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='file' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='radio' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='checkbox' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='submit' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='reset' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='image' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='button' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='hidden' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='datetime' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='date' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='month' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='week' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='time' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='datetime-local' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='range' and
translate(@type,'ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')!='color')]

80. СЕЙЧАС

81. СЕЙЧАС
Watir-Classic
+
Watir-WebDriver

82. СЕЙЧАС
Watir-Classic
+
Watir-WebDriver
=
Watir 4

83. WATIR 4
Watir::Browser.new :internet_explorer
Watir::Browser.new :firefox
Watir::Browser.new :chrome
Watir::Browser.new :phantomjs

84. ПРОСВЕТЛЕНИЕ?

85. ПРОСВЕТЛЕНИЕ?
Легкость

86. ПРОСВЕТЛЕНИЕ?
Легкость
Скорость

87. ПРОСВЕТЛЕНИЕ?
Легкость
Скорость
Поддержка

88. ПРОСВЕТЛЕНИЕ?
Легкость
Скорость
Поддержка
Понимание

89. ПРОСВЕТЛЕНИЕ?
Легкость
Скорость
Поддержка
Понимание
WebDriver

90. ССЫЛКИ

91. ССЫЛКИ
http://watir.com

92. ССЫЛКИ
http://watir.com
http://watirwebdriver.com

93. ССЫЛКИ
http://watir.com
http://watirwebdriver.com
http:://groups.google.com/group/watir-general

94. ССЫЛКИ
http://watir.com
http://watirwebdriver.com
http:://groups.google.com/group/watir-general
http://github.com/watir

95. ?
@p0deje
p0deje@gmail.com
github.com/p0deje