2021-03-31 Webdriver之Xpath元素定位深挖

Webdriver之Xpath元素定位（一般情况两步搞定，特殊情况，可能有有两个container，就需要3步）

一般找一个对象分三步
1. 定位目标操作对象的container（就是装这目标对象的容器）。也就是截图里的第三行,role=menu那个节点，可以理解为目标对象的container

2. 然后通过xpath的轴，也就是目标对象与container的相对路径，来定位找目标对象（container节点找到后，其实可以直接通过文字定位。一般一个container中不会有两个文字完全一样的选项）

一般的：//div[text()='xxx']

复杂的：//div[contains(@class,"xxx") and @role='menu']/descendant::span[text()='xxx']

对于/descendant:: 的解释

一、节点前后的节点

当前节点的开始标签之前的所有节点 /preceding

当前节点的结束标签之后的所有节点 /following

当前节点之后的兄弟节点 /following-sibling::*

当前节点之前的兄弟节点 /preceding-sibling::*

当前节点的所有后代（子，孙） /descendant

包含指定文本：span[contains(text(), "指定文本内容")]

取最后一个子元素 //div[@class='box-nav']/a[last()]

①举例：选取包含指定文本的标签前面的某个兄弟节点

html代码如下：

<div class="tittle_x F_Left">

        <a href="http://www.ccidnet.com/">首页</a>
        <em>&gt;</em>
        <a href="http://www.ccidnet.com/news/">新闻</a>
        <em>&gt;</em>
        <a href="http://www.ccidnet.com/news/focus/">焦点直击</a>
         <em>&gt;</em>
        <a href="#">正文 </a>
</div>

如上图与代码，我想选择“正文”前面的“焦点直击”为类型，那么可以这样写：
//div[@class='tittle_x F_Left']/a[contains(text(),'正文')]/preceding-sibling::a[1]

 

②举例：选取指定节点之前的不带标签的文本

例如：选class="bb"前面的文本：“这是文本。”
            <span>
                <span class="aa">文本</span>
                这是文本。
                <a class="bb">文本</a>
            </span>
可以这样写： //span[@class='aa'][2]/following::text()[1]