Как найти элемент по индексу в методе ожидания element_to_be_clickable?

Question

[Esserj]

На странице есть несколько элементов с общим css селектором. Мне необходимо дождаться загрузки определенного элемента. Для этого использую ожидание:

wait = WebDriverWait(browser, timeout=100, poll_frequency=0.1, ignored_exceptions=params_for_ignored_exceptions)

wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, '[title="Связь"]')))

Но каким образом в эту конструкцию передать список и указать нужный индекс элемента?

Answer 1

[Владимир Василенко]

Тут есть сразу несколько вариантов, вот некоторые из них.
Попробуйте использовать, подставляя нужное вам значение N, в первом и втором случае нумерация с единицы, в третьем с нуля.

1. Использовать :nth-child() в CSS

wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, '[title="Связь"]:nth-child(N)')))

2. Искать элемент через XPath

wait.until(EC.element_to_be_clickable((By.XPATH, '//*[@title="Связь"][N]')))

3. В метод element_to_be_clickable можно передавать не только локатор, но и сам элемент

elements = driver.findElements(By.CSS_SELECTOR, '[title="Связь"]');
wait.until(EC.element_to_be_clickable(elements[N]))

UPD: Обновил второй способ, в первый раз забыл поставить звёздочку, звёздочка обозначает любой элемент, в место нее можно подставить свой элемент (div, span, li, td и т.д.) чтобы уточнить локатор.

Comments

[Esserj]

Спасибо, но в моем случае

В первом способе, при указании нужного индекса псевдокласса он не находит ничего, а при указании индекса первого элемента - находит сразу два.

Во втором способе: ошибка неверного селектора и нам настоятельно не рекомендуют использовать XPATH...

В третьем способе: элемент ещё не появился, соответственно найти ничего не получится, чтобы присвоить в переменную

[Владимир Василенко]

Esserj, а у вас страница в открытом доступе? Если да, то скиньте сюда, я помогу написать вам правильный локатор.

[Владимир Василенко]

Esserj, третий случай должен работать, если элемент уже присутствует на странице, но он скрытый/невидимый, если элемент создается динамически, то да, это не сработает.

[Влад Григорьев]

Esserj, кто и почему вам не рекомендует использовать xpath - это хороший рабочий инструмент со своими плюсами и минусами

[Владимир Василенко]

Esserj, ну и по поводу не рекомендуют использовать XPath, это очень странно. Скорее всего они против использования XPath с абсолютными путями, который можно генерировать различными расширениями браузера, он действительно получается очень хрупким и за такое нужно сильно ругать.
Против лаконичного XPath, составленного вручную, вряд ли кто-то будет против.

[Владимир Василенко]

Esserj, кажется понял почему во втором способе у вас происходила ошибка неверного селектора, там у меня была небольшая ошибка, я обновил ответ.

[Esserj]

Владимир Василенко,

Страница на девстенде, не получится...

С методом поиска по XPATH ситуация такая - если искать так: '//*[@title="Связь"][1]' (во вкладке elements) то ситуация похоже на первый способ: по первому индексу находится два элемента. А в консоли через document.querySelector пишет, что невалидный селектор.

Как я понимаю - идея ручного составления пути XPATH то, куда мне нужно смотреть. Займусь этим подорбнее. Спасибо!

[Владимир Василенко]

@Esserj

С методом поиска по XPATH ситуация такая - если искать так: '//*[@title="Связь"][1]' (во вкладке elements) то ситуация похоже на первый способ: по первому индексу находится два элемента.

Кажется я понял что у вас происходит, вам нужно уточнить локатор.
Хотя вряд ли смогу внятно объяснить, покажу на примере, а он уже подтолкнет вас в правильном направлении.

Допустим наша страница состоит из одной небольшой таблицы

<tbody>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
</tbody>

Допустим нам нужно выбрать 4-ую ячейку.
Мы пытаемся использовать локатор //td, видим что он находит 4 элемента, думаем то что нужно и пытаемся использовать локатор //td[4], который к нашему удивлению не находит ни одного элемента.
В данном случае нужно уточнить локатор, сначала найти вторую строку таблицы, а затем в ней найти второй столбик, это и будет наша 4-ая ячейка, такой вот локатор //tr[2]//td[2]

А в консоли через document.querySelector пишет, что невалидный селектор.

document.querySelector принимает в качестве аргумента только CSS селектор, чтобы найти элемент в DevTools можно использовать встроенную функцию $x (работает и в Chrome и в Firefox), которая в качестве аргумента принимает строку с XPath.

[Esserj]

Владимир Василенко,

Большое спасибо за развернутый ответ!