Выберите родительский элемент известного элемента в Selenium

У меня есть определенный элемент, который я могу выбрать с помощью Selenium 1.

К сожалению, мне нужно щелкнуть родительский элемент, чтобы получить желаемое поведение. Элемент, который я могу легко найти, имеет атрибут unselectable, что делает его мертвым для щелчка. Как с помощью XPath перемещаться вверх ?

Там есть пара вариантов. Пример кода написан на Java, но перенос на другие языки должен быть простым.

JavaScript:

WebElement myElement = driver.findElement(By.id("myDiv"));
WebElement parent = (WebElement) ((JavascriptExecutor) driver).executeScript(
                                   "return arguments[0].parentNode;", myElement);

XPath:

WebElement myElement = driver.findElement(By.id("myDiv"));
WebElement parent = myElement.findElement(By.xpath("./.."));

Получение драйвера из WebElement

Примечание. Как видите, для версии JavaScript вам понадобится расширение driver. Если у вас нет прямого доступа к нему, вы можете получить его с WebElementпомощью:

WebDriver driver = ((WrapsDriver) myElement).getWrappedDriver();

Еще немного о XPath axes

Допустим, у нас есть HTMLструктура ниже :

<div class="third_level_ancestor">
    <nav class="second_level_ancestor">
        <div class="parent">
            <span>Child</span>
        </div>
    </nav>
</div>

1. //span/parent::*- возвращает любой элемент, являющийся прямым родителем.

В этом случае вывод <div class="parent">

2. //span/parent::div[@class="parent"]- возвращает родительский элемент только точного типа узла и только если указанный предикат истинен.

Вывод: <div class="parent">

3. //span/ancestor::*- возвращает всех предков (включая родителя).

Выход: <div class="parent">, <nav class="second_level_ancestor">, <div class="third_level_ancestor">...

4. //span/ancestor-or-self::*- возвращает все предков и сам текущий элемент.

Выход: <span>Child</span>,<div class="parent"> , <nav class="second_level_ancestor">, <div class="third_level_ancestor">...

5. //span/ancestor::div[2]- возвращает второго предка (начиная с родительского) типа div.

Вывод: <div class="third_level_ancestor">

Рассмотрим вашу DOM как

<a>
    <!-- some other icons and texts -->
    <span>Close</span>
</a>

Теперь, когда вам нужно выбрать родительский тег 'a' на основе <span>текста, используйте

driver.findElement(By.xpath("//a[.//span[text()='Close']]"));

Объяснение: Выберите узел на основе значения его дочернего узла.

Взгляните на возможные оси XPath , которые вы, вероятно, ищете parent. В зависимости от того, как вы находите первый элемент, вы можете просто настроить для него xpath.

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

Это может быть полезно для кого-то еще: Использование этого образца html

<div class="ParentDiv">
    <label for="label">labelName</label>
    <input type="button" value="elementToSelect">
</div>
<div class="DontSelect">
    <label for="animal">pig</label>
    <input type="button" value="elementToSelect">
</div>

Если, например, я хочу выбрать элемент в том же разделе (например, div) в качестве метки, вы можете использовать это

//label[contains(., 'labelName')]/parent::*//input[@value='elementToSelect'] 

Это просто означает, обратите внимание на этикетку (он мог что - нибудь подобное a, h2) называется labelName. Перейдите к родительскому элементу этой метки (т.е. div class="ParentDiv"). Выполните поиск среди потомков этого родителя, чтобы найти любой дочерний элемент со значением elementToSelect. При этом он не будет выбирать второй elementToSelectсDontSelect div в качестве родителя.

Хитрость заключается в том, что вы можете уменьшить области поиска для элемента, сначала перейдя к родительскому элементу, а затем выполнив поиск в потомке этого родителя для нужного вам элемента. В following-sibling::h2некоторых случаях также можно использовать другой синтаксис . Это означает, что за элементом следует элемент h2. Это будет работать для элементов на одном уровне, имеющих одного и того же родителя.

Вы можете сделать это, используя / parent :: node () в xpath. Просто добавьте / parent :: node () к дочерним элементам xpath.

Например: пусть xpath дочернего элемента - childElementXpath .

Тогда xpath его непосредственного предка будет childElementXpath / parent :: node () .

Xpath его следующего предка будет childElementXpath / parent :: node () / parent :: node ()

и так далее..

Кроме того, вы можете перейти к предку элемента с помощью 'childElementXpath/ancestor::*[@attr="attr_value"]'. Это было бы полезно, когда у вас есть известный дочерний элемент, который уникален, но имеет родительский элемент, который нельзя однозначно идентифицировать.

Мы можем выбрать родительский тег с помощью Selenium следующим образом:

driver.findElement(By.xpath("//table[@id='abc']//div/nobr[.='abc']/../.."));

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

Подобно:

driver.findElement(By.xpath("//table[@id='abc']//div/nobr[.='abc']/..));

Есть и другие способы реализовать это, но у меня это сработало.