Презентация доклада Игоря Павлова на конференции SQADays-14, Львов 8-9 ноября 2013

1. Делаем кроссбраузерные тесты
поверх Webdriver
Павлов Игорь
2gis.ru
@rnd2gis

2. 2
Обо мне
• В 2ГИС 1+ год
• Команда автоматизации тестрования
• Работал над инструменами тестирования для всех внешних webпроектов

3. 3
О чем будет
• Откуда проблемы кроссбраузерности?
• Примеры проблем кроссбраузерности
• Решение - фреймворк
• Практические рекомендации

4. Откуда
проблемы?

5. 5
Webdriver

6. 6
Webdriver Local End
The WebDriver Wire Protocol (Json Wire Protocol)
https://code.google.com/p/selenium/wiki/JsonWireProtocol

7. 7
Webdriver Remote End
WebDriver W3C Draft
http://www.w3.org/TR/webdriver

8. 8
Интерфейс команды один

9. 9
Реализация разная

10. 10
О чем будет
• Откуда проблемы кроссбраузерности?
• Примеры проблем кроссбраузерности
• Решение - фреймворк
• Практические рекомендации

11. Примеры

12. 12
Click
1. В центр элемента
2. Viewport содержит элемент
• MAY: scrollIntoView
3. Должен быть видим*
WebDriver W3C Clicking
http://www.w3.org/TR/webdriver/#clicking

13. 13
Click: все хорошо?
Chrome
Firefox
OK
Opera
OK
Internet Explorer
клик в желтый div
OK
OK

14. 14
Click: а так?
Chrome
Firefox
OK
Opera
OK
Internet Explorer
клик в желтый div
FAIL
NOTHING

15. 15
Click: или даже так?
Chrome
Firefox
OK
Opera
OK
Internet Explorer
клик в желтый div
FAIL
NOTHING

16. 16
Click: динамический контент

17. 17
Click: другие проблемы
• прозрачность (opacity)?
• анимации?
• ...

18. 18
onload
AJAX:
• проверить отсутствие элемента

19. 19
resize
Опера не поддерживает

20. 20
С Оперой все грустно. Пока...

21. Решения
примеров

22. 22
Дождаться элемента
die.mlctywi()
rvripiil_at5
0 .s a t = t m . i e )
1 tr
ietm(
0 .w i e n t r s l a d t m . i e ) < s a t + t m o t
2 hl o eut n ietm(
tr
ieu:
0.
3
0.
4
0.
5
0.
6
ty
r:
rsl =die.ideeetb_d"d)
eut
rvrfn_lmn_yi(i"
ecp:
xet
ps
as

23. 23
JS в помощь

24. 24
Маркеры

25. 25
JQuery click
0 .s r p = " r u e t [ ] c i k ) "
1 cit
agmns0.lc(;
0 .d i e . x c t _ c i t s r p , e e e t
2 rvreeuesrp(cit lmn)

26. 26
Поднимаем нужный маркер

27. 27
Поднимаем нужный маркер

28. 28
Поднимаем нужный маркер
0 .s r p = " r u e t [ ] s y e z n e + ;
1 cit
agmns0.tl.Idx+"
0 .d i e . x c t _ c i t s r p , m r e )
2 rvreeuesrp(cit akr
0 .m r e . l c (
3 akrcik)

29. 29
Итог
Расширяем свои возможности засчет:
1. Продуманных обработок ошибок
2. Инъекции JS
Проблема
Как не умереть от поддержки тестов с этим всем?

30. 30
О чем будет
• Откуда проблемы кроссбраузерности?
• Примеры проблем кроссбраузерности
• Решение - фреймворк
• Практические рекомендации

31. Фреймворк

32. 32
Цель фреймворка:
1. сделать тесты понятными и читаемыми
2. контролировать ньюансы кроссбраузерного запуска

33. 33
Пять уровней

34. 34
Уровень Driver

35. Уровень Driver
Цель: расширить возможности базового элемента

36. 36
Driver inheritance

37. 37
Driver inheritance
0. casTsDie(eoe:
1
ls etrvrRmt)
0.
2
0.
3
0.
4
df_ii_(ef *rs *kag)
e _nt_sl, ag, *wrs:
sprTsDie,sl)_ii_(ag,*kag)
ue(etrvr ef._nt_*rs *wrs
sl.bosr=Nn
ef_rwe
oe

38. 38
WebElement inheritance

39. 39
WebElement inheritance
0 .c a s T s W b l m n ( e E e e t :
1 ls eteEeetWblmn)
0.
2
df_ii_(ef die
e _ n t _ s l , r v r,w b e e e t)
e_lmn :
0.
3
sl._it_udt(e_lmn._it_
ef_dc_.paewbeeet_dc_)
0.
4
sl.rvr=die
efdie
rvr

40. 40
find_element(s) override

41. 41
find_element(s) override:
with onload solution
0 .d f f n _ l m n s l , * r s * k a g )
1 e
i d e e e t( e f a g , * w r s :
0.
2
0.
3
0.
4
0.
5
0.
6
0.
8
7
ty
r:
wi_o_lmn_per*rs *kag)
atfreeetapa(ag, *wrs
eeet=sl.rvrfn_lmn(ag,*kag)
lmn
efdie.ideeet*rs *wrs
ecp Tmotxeto:
xet ieuEcpin
rieEeetoFudkag[vle] kag[b")
as lmnNton(wrs"au", wrs"y]
rtr TsWblmn(efdie,eeet
eun eteEeetsl.rvr lmn)

42. 42
TextWebElement extension

43. 43
TextWebElement extension
0 .c a s T s W b l m n ( e E e e t :
1 ls eteEeetWblmn)
0.
2
**
*
0.
3
0.
4
0.
5
dffn_lmn_yszl(ef szl_eetr:
e ideeetb_izesl, izeslco)
ps
as
0.
6
0.
7
0.
8
dfjvsrp_lc(ef:
e aacitciksl)
ps
as

44. 44
Итог
TestWebElement — "всему голова"

45. 45
Уровень PageObject

46. Уровень
PageObject
Цель: описать приложение компонентами* и связать их

47. 47
Page

48. 48
Map

49. 49
Markers

50. 50
Page

51. 51
Page
0 .c a s P g ( b e t :
1 ls aeojc)
0.
2
df_ii_(ef die)
e _nt_sl, rvr:
0.
3
sl.rvr=die
efdie
rvr
0.
4
sl.mp=Nn
ef_a
oe

52. 52
Components

53. 53
Components
0 .c a s M p T s W b l m n )
1 ls a(eteEeet:
0.
2
ps
as
0.
3
0 .c a s M r e ( e t e E e e t :
4 ls akrTsWblmn)
0.
5
ps
as

54. 54
Связь page.map: map()

55. 55
map()
0.
1
0.
2
@rpry
poet
dfmpsl)
e a(ef:
0.
3
slco = Mpslcos'ef]
eetr
a.eetr[sl'
0.
4
i sl.mpi Nn:
f ef_a s oe
0.
5
0.
6
0.
7
0.
8
eeet=sl.rvr ##прнс
lmn
efdie. # еео
fn_lmn_ycsslco(eetr
ideeetb_s_eetrslco)
sl.mp=Mpsl.rvr eeet
ef_a
a(efdie, lmn)
rtr sl.mp
eun ef_a

56. 56
Изолируем взаимодействие с
локаторами
0 .c a s M p T s W b l m n )
1 ls a(eteEeet:
0.
2
slcos={ef:'mp}
eetr
sl' #a'
0.
3
0 .c a s M r e ( e t e E e e t :
4 ls akrTsWblmn)
0.
5
slcos={sl' 'mre'
eetr
'ef: .akr}

57. 57
Связь map.markers: markers()

58. 58
markers()
0 .c a s M p T s W b l m n )
1 ls a(eteEeet:
0 .. .
2 .
0.
3
dfgtmressl)
e e_akr(ef:
0.
4
slco = Mre.eetr[sl'
eetr
akrslcos'ef]
0.
5
eeet =sl.##прнс
lmns
ef # еео
0.
6
0.
7
fn_lmnsb_s_eetrslco)
ideeet_ycsslco(eetr
rtr [akree)free i eeet]
eun Mre(lm o lm n lmns

59. 59
Итог
Получили удобные* методы доступа к карте и маркерам
*Удобно для нас, это:
1. Работа в контексте приложения,
2. Легче контролировать изменения локаторов.

60. 60
Уровень Action

61. Уровень
Action
Цель: добавить компонентам действия (из бизнес-логики)

62. 62
Определяем клик в маркер
0 .c a s M r e ( e t e E e e t :
1 ls akrTsWblmn)
0.
2
0.
3
df_rgnlciksl,*rs *kag)
e oiia_lc(ef ag, *wrs:
sprMre,sl)cik*rs *kag)
ue(akr ef.lc(ag, *wrs
0.
4
0.
5
dfciksl)
e lc(ef:
0.
6
sl.rn_ofot)
efbigt_rn(
0.
7
sl.oiia_lc(
ef_rgnlcik)

63. 63
Итог
Описали какими функциональными действия обладают компоненты

64. 64
Уровень Test

65. Уровень
Test
Цель: реализовывать тест кейсы понятно

66. 66
Test Case
0 ." "
1 "
0 .- Д л е п и к
2
еам ос
0 .- Н к р е к и а м в м р е
3
а ат лке
акр
0 .- Н з а и ф р ы в к л а т и е в р з л т т х п и к
4
авне им
олуе щм
еуьаа оса
0.
5
0 .О : Н з а и ф р ы в к л у е е т в р з л т т х п и к
6 Р авне им
олт сь
еуьаа оса
0 ." "
7 "

67. 67
Test
0 .d f t s _ i m a l u _ i l _ n f r c r s t t e ( e f :
1 e etfrclotttei_imad_ilssl)
0.
2
sl.aesacBrctlga.erh'ио)
efpg.erha.aaoTbsac(пв'
0.
3
sl.aempmres0.lc(
efpg.a.akr[]cik)
0.
4
tte=sl.aempfrClottte
il
efpg.a.imalu.il
0.
5
sl.setrettei sl.aesacRsls
efasrTu(il n efpg.erheut)

68. 68
Уровень Framework

69. Уровень
Framework
Цель: предоставить все необходимое для организации и запуска тестов

70. 70
Framework
Фреймворк для юнит-тестов:
• runner
• data providers
• ...

72. 72
О чем будет
• Откуда проблемы кроссбраузерности?
• Примеры проблем кроссбраузерности
• Решение - фреймворк
• Практические рекомендации

73. Рекомендации

74. 74
1. А нужно ли оно вам?

75. 75
Статистика пользователей 2gis.ru
Chrome
37,58 %
Opera
23,49 %
Firefox
14,33 %
Internet Explorer
9,99 %
за период с 14 сентября по 14 октября 2013г

76. 76
2gis.ru
• Одностраничное приложение
• И это очень много JS
• А JS в разных браузерах...нужно тестировать

77. 77
2. Проверенные методы selenium

78. 78
3. Проблемный* браузер - вперед

79. 79
4. chrome -> ie -> firefox

80. 80
О чем будет
• Откуда проблемы кроссбраузерности?
• Примеры проблем кроссбраузерности
• Решение - фреймворк
• Практические рекомендации

81. 81
Вопросы?
Павлов Игорь
i.pavlov@2gis.ru
@nwlunatic