Поиск элемента с несколькими значениями в атрибуте

webdriver
, , ,
#1

Привет.
Если атрибут содержит более одного значения:

<div class="row-type ng-star-inserted">

То как можно найти его selenium’ом? Как должен выглядеть xpath селектор?

#2

для поиска по всему содержимому класса
//*[@class='row-type ng-star-inserted']

или для частичного
//*[contains(@class, 'ng-star-inserted')]

#3
  1. Так не подойдёт. потому что ng-star-inserted может не быть при следующем запуске (т.е. будет просто class=“row-type”
  2. Так не подойдёт, потому что могут быть элементы со значением например “ng-star-inserted-content” и они будут найдены вместо нужного
#4

Можно добавить исключения
//*[contains(@class, ‘ng-star-inserted’) and not(contains(@class, ‘content’))]

image
image712×303 16.9 KB

#5

Вариант)
А попроще никак нельзя? Неужели в Selenium’е нет встроенных средств для работы с этим?
Это же попадается повсеместно

#6

Проще можно только если кооперироваться с разработчиками или иметь доступ с исходному коду и проставить самому @id элементам.

#7

:frowning:

#8

Может быть,
Также можешь выбрать атрибуты class у найденных селениумом элементов при помощи селектора выше, и получить нужный элемент средствами своего языка программирования, например, значение класса разбить на лист по пробелам, а потом выбрать тот элемент, лист которого содержит нужный класс
Сомневаюсь что это проще), но это буде средствами селениума

#9 
div.row-type.ng-star-inserted
#10

В этом случае нужно привязыватся к чему то другому

Но если очень хочется -

div.row-type.ng-star-inserted,div.row-type

Найди элемент див с классами row-type и ng-star-inserted или элемент div с классом row-type

#11

Это где задаётся в таком виде?

#12

это css selector обычный - https://www.w3schools.com/cssref/css_selectors.asp

#13

Для этого лучше использовать не xpath, а css селектор. Примерно так:

$(".row-type.ng-star-inserted").shouldHave (text("траляля"));
#14

Добрый день, попробуйте так

//div[contains(@class,'row-type') and contains(@class,'ng-star-inserted')]
#15

С таким селектором мы получим ложноположительное срабатывание в случае вроде такого

<div class="selected-row-type ng-star-inserted">

#16

Не проблема)))

//div[contains(@class,'row-type') and contains(@class,'ng-star-inserted') and not(contains(@class,'selected')]
#17

Ну так можно до бесконечности писать not в селекторе, вместо простого и понятного
div.row-type.ng-star-inserted