Удаленка для jenkins+selenide+selenoid+allure+docker спецов на 2-3 часа в день. 100% remote! Присоединиться к проекту

CSS vs XPath - кто сильнее?


(sidelnikovmike) #21

Идеальный мир для селениума - все элементы имеют постоянные id:)


(Mykhailo Poliarush) #22

А что вам мешало использовать только название элементов и классы в xpath? Все что вы можете написать на css вы можете точно также написать на xpath. А то что у вас тесты упали, так это просто показывает гибкость ваших локаторов.

Вот можете просто привести пример локаторов, которые вы перевели из xpath в css и указать почему вы их перевили в такой вид?

Эффективные и гибкий локаторы - это прямой результат эффективной совместной работы тех кто автоматизирует и верстальщиков с программистами. Можно просто плыть по течению и писать локаторы, которые получаются. А можно взять волю в кулак и решить проблемы организационно, при этом решая неявно вопросы уникальности, гибкости и поддержки локаторов.

Так нужно тогда использовать другие элементы, которые могут задать уникальность локатора. Тут вот как раз css или xpath в помощь. Или программно высчитывать id как указал @davert

Понятно, что такого идеального мира тяжело найти, но поверьте в наших силах поменять это. Просто надо задаться целью, вот и все.


(Mykhailo Poliarush) #23

Ну и @dzhariy ушел немного в сторону указав примеры создания локаторов с разными javascript библиотеками используемыми в веб-приложении, подключаемся к обсуждению.


(sidelnikovmike) #24

Полностью согласен. Успех достигается лишь совместной работой.


(Максим Таран) #25

Ага, только разрабам, как правило, пофиг, либо же они в принципе не знаю как устроен framework, работая с ним только на уровне реализуемого языка.


(Dmytro Makhno) #26

Вот интересно, как отличается скорость на мобильных броузерах, поддерживающих и css и xpath.


(Сергей Блохин) #27

Давай проверим?


(Антон) #28

Ну в любом случае xpath позволяет сделать все то-же и еще немного по сравнению с css :smile:
Все достаточно доходчиво было описано в вебинаре миши про гибкие локаторы.
к примеру частенько встречается такая вот радость набор из таких вот блоков:

<div>
      <label>Some Text Label</label>
      <input>type="text"</label>
</div>

то для xpath метод получения текстового поля с таким шаблоном будет такой:

public WebElement getTextField(String label){
    return driver.findElement(
           By.xpath(".//label[contains(text(), '"+label+"')]/parent::div//input"));
}

при желании можно еще и на запчасти разобрать.
А вот как подобное сделать с помощью css?


CSS Selectors и XPath для WebDriver: Материалы по изучению.
(Дмитрий Жарий) #29

contains – это конечно, сейчас – железный аргумент. Такой селектор, аля input:contains(text) планировался в CSS3, но в итоге – потерялся и не вошел в спецификацию.

Да, преимущество XPath в том, что на нем однозначно можно идентифицировать любой элемент, тем не менее, можно и совмещать CSS селекторы для простых вещей и XPath для более сложных. Я предпочитаю такой вариант


(Антон) #30

Тут дело даже на в contains, а в /parent::, /ancestor::


(Дмитрий Жарий) #31

Да ладно… скоро будет :blush:

E! > F - an E element parent of an F element

… в CSS4 Selectors Level 4

Я не спорю, на xpath есть много фишек, которые помогают выйти из любой ситуации. Много этого нет в CSS.

Но, есть еще один выход: попросить/заставить добавить ID или name к интересующему элементу.

Ведь был бы HTML таким – и проблемы бы не было:

"
< div>
    <label for="userName">Some Text Label</label>
    <input type="text" name="userName"/>
< /div>
"

(Eugene Moskalenko) #32

Ребят, что думаете по поводу валидации элементов на странице во время тестирования используя xpath?

Вот так тест завалиться (на этой страничке кнопочка Обучение с шапочкой):

//a[@target="_blank"][@href='http://lessons2.ru/?utm_source=atinfo&utm_medium=top_menu&utm_term=link&utm_campaign=reference']/li[text()='Обучение']/i[@class='fa fa-graduation-cap']

А вот так не завалиться:

//a[@target="_blank"][@href='http://lessons2.ru/?utm_source=atinfo&utm_medium=top_menu&utm_term=link&utm_campaign=reference']/li[text()=' Обучение']/i[@class='fa fa-graduation-cap']

Как бы пишем локатор для теста, но еще и валидируем для нас важные вещи в этом локаторе…


(Yury) #33

Вся разница между двумя приведенными xpath в одном пробеле перед “Обучение”. В чем тут валидация заключается?


(Eugene Moskalenko) #34

Ну да, о том то и речь, мол и локатор пишешь и сразу валидируешь необходимые элементы. Использовал ли кто-то такое?


(Yury) #35

Я наверное не до конца понимаю твою идею.
Ты хочешь валидировать наличие текста " Обучение"?


(Eugene Moskalenko) #36

Идея не совсем моя… Я имею ввиду для теста, в котором надо нажать на кнопку “Обучение” вверху страницы и проверить работает она или нет - понадобиться локатор этой кнопки. Можно написать простой локатор, который будет хвататься за кнопку. А можно сделать в локатеоре валидацию:

xpath:

//a[@target="_blank"][@href='http://lessons2.ru/?utm_source=atinfo&utm_medium=top_menu&utm_term=link&utm_campaign=reference']/li[text()=' Обучение']/i[@class='fa fa-graduation-cap']

кнопка:

<a href="http://lessons2.ru/?utm_source=atinfo&amp;utm_medium=top_menu&amp;utm_term=link&amp;utm_campaign=reference" target="_blank">
  <li>
    <i class="fa fa-graduation-cap"></i> 
    Обучение
  </li>
</a>

части xpath, для более понятного представления:

  • у кнопки есть атрибут - “target blank”

      //a[@target="_blank"]
    
  • кнопка содержит линк “http://lessons2.ru/?utm_source=atinfo&utm_medium=top_menu&utm_term=link&utm_campaign=reference

      [@href='http://lessons2.ru/?utm_source=atinfo&utm_medium=top_menu&utm_term=link&utm_campaign=reference']
    
  • внутри ссылки, в <li> содержится текст “Обучение”

      /li[text()=' Обучение']
    
  • возле текста есть иконка шапочки от Font Awesome

      /i[@class='fa fa-graduation-cap']

(Yury) #37

Теперь ясно. Ну, мне кажется, такой подход имеет право на существование, если есть уверенность, что xpath не будет сильно меняться со временем. Иначе тесты будут часто падать от любого чиха, а вместо простого обновления локаторов, нужно будет заново все взаимосвязи учитывать.


(Eugene Moskalenko) #38

Вот я как-то также и подумал. Интересно использует кто-то так локаторы…


(sidelnikovmike) #39

То есть типа если noSuchElement вылетит - то значит всё плохо? :slight_smile: Локаторы адовые получаются


(Eugene Moskalenko) #40

Адовые, и времени много наверное на них уходит… Если noSuchElement вылетит, то значит багу заводишь, мол кто-то изменил вебэлемент :slight_smile:

Наверное все же это несколько избыточно, но зато валидация всех локаторов, которые встречаются в тесте :slight_smile: