Selenium 中的 XPath

Selenium 中的 XPath 是什么？

Selenium 中最常用的定位器之一，XPath（也称为 XML 路径），通过页面的 HTML 格式支持您的指南。使用 HTML DOM 结构，可以为 HTML 和 XML 文档定位网页中的每个元素。

下面介绍 XPath 的语法：

在上面显示的 XPath 语法中：

1. // :表示当前节点
2. 标记名： 单独节点的标记名
3. @：选择属性。
4. 属性： 表示节点的属性
5. Value： 表示选择的属性的值

为了查找 Web 元素，Selenium 中提供了以下各种 XPath 定位器：

Selenium 中的 XPath 类型

以下是 Selenium 中提供的两种 XPath 类型：

XPath 绝对

绝对 XPath 是一种从根节点定位元素的快速简便的技术，但它有一个主要缺点，即如果元素的路径被更改，XPath 将失败。

XPath 语法开头的单个正斜杠 (/) 表示您可以从根节点中选择一个元素。

下面是绝对 XPath 表达式的图示：

绝对 XPath： 

/html/body/div/header/div/div/div[2]/div/div/div[2]/nav/div/div/ul/li[8]/a

相对 XPath

从 HTML DOM 结构的中间开始，相对 XPath 开始。开头的双斜杠 (//) 表示它可以在网站的任何位置搜索该元素。

使用相对 XPath，我们可以从 HTML DOM 结构的中间开始，不需要冗长的 XPath。

下面显示了一个相对 XPath 表达式的示例：

相对 XPath：//*[@id=”primary-menu-single”]/li[8]/a

如何在 Selenium 中编写 XPath

详细阅读下面如何在 selenium 中编写 XPath。

基本 XPath

使用基本 XPath 表达式从 XML 文档中选择节点或节点列表，如下所示：

下面显示了一些其他简单的 XPath 表达式示例。

• Xpath = //输入[@type='email']
• Xpath = //textarea[@class='wpcf7-form-control wpcf7-textarea']
• Xpath = //输入[@value='立即提交']
• Xpath = //a[@href='https://qacraft.com/']

XPath 使用 contains()

当任何属性的值动态变化时，应用其中一种方法，它被称为 contains()。

我们试图定位具有不完整文本的元素，如此类 Xpath 中提供的 XPath 所示。

该名称的完整值是“your-website”，但您只使用了部分值“website”。

//输入[包含（@name，'网站'）]

XPath 使用 OR 和 AND

在使用 OR 表达式时，在 XPath 中使用了两个替代条件，即第一个条件或第二个条件应该为真，或者两者都为真。在这种情况下，任何一个标准都必须为真才能识别元素。

使用下面 XPath 中的 OR 表达式来确定一个条件或两个条件是否为真。

下图中突出显示了两个基础组件。

Xpath: //*[@type='email' or @name='your-name']

AND 语句中使用了两个条件，并且两个条件都必须为真才能识别特定元素。

Xpath: //input[@type='text' and @name='your-name']

具有“类型”和“名称”属性的“名称”元素在下图中突出显示。因此，AND 表达式会在两个要求都为真时查找元素。

XPath 使用 starts-with 函数

首先使用该函数来识别自上次刷新页面或在网站上的任何其他操作期间发生更改的元素。如果属性的值没有改变，您也可以将此公式用于静态属性值，该值与用于查找元素的属性的起始文本相匹配。

例如，假设特定元素的类值有规律地变化。

类 = 'wpcf7'

类='wpcf8'

类='wpcf9'

下面的表达式中有 5 个组件的“data-name”属性值以“your”开头。

Xpath: //span[starts-with(@data-name ,'your' )] 

Xpath 使用 text()

使用元素的实际文本，我们可以在这个表达式中发现元素。元素的文本，如名称、用户名、电子邮件的标签，或带有“保存”或“提交”等文本的按钮或表单的标签，通常在此元素中使用。

Xpath: //span[text()='联系我们']

Xpath 使用索引

该短语用于定位列表中的特定元素。例如，如果您使用一个属性生成 5 个不同的元素，但您只需要第二个或第三个成员，您可以使用索引来定位该元素。

指示性表达式语法：

XPath: (//*[@attribute='value'])[index]

因为下面的表达式中有许多输入标签具有相同的属性值，我们可以使用索引来定位元素。

Xpath: (//输入[@type='text'])[2]

下面表达式中的 'type' 属性找到了 3 个元素，但是，如果我们只想要第二个元素，我们可以使用索引 2 找到它。

在 Selenium 中编写 Xpath 的 Axes 方法是什么？

XPath 使用以下

使用以下等式找到当前节点的下一个元素。它用于一些复杂的 Xpath。下面列出了以下 Xpath 的语法。

 语法：//tagname[@attribute='value']//following::tagname

在下面的示例中，我尝试通过使用当前节点来定位项目，例如通过使用当前节点的名称来定位电子邮件地址。

Xpath: //input[@name='your-name']//following::input[1]

使用跟随兄弟的 XPath

从当前节点之后的同一级别或节点中查找元素时，使用following-sibling。下面给出了兄弟姐妹的语法。

语法：//tagname[@attribute='value']//following-sibling::tagname

XPath 使用前面

使用前面的表达式定位当前节点的节点之前的元素。

您可以使用前面的方法定位当前节点之前的所有元素。前面的语法如下所示。

语法：//tagname[@attribute='value']//preceding::tagname

在下面的示例中，我使用当前节点的电话号码来尝试定位电子邮件地址。

Xpath: //input[@name='your-phone']//preceding::input[1]

电话号码是下面XPath中的当前节点，而email就在一个节点之前，因此可以通过before找到。

Xpath 使用前同级

使用previous-sibling 表达式查找节点同级别的当前节点之前的元素。

语法：//tagname[@attribute='value']//previous-sibling::tagname

在下面的示例中，我使用当前节点来尝试定位网站测试标签。

XPath 使用子

正如表达式的名称所暗示的那样，它用于定位特定节点的每个子元素。

语法 : //tagname[@attribute='value']//child::tagname

在下面的示例中，输入是父节点 span 的子节点，目标是使用子表达式获取 name 元素的 XPath。

Xpath: //span[@data-name='your-name']//child::input

XPath 使用父级

使用这个短语可以找到当前节点的父节点。

语法：//tagname[@attribute='value']/parent::tagname

使用子节点示例查找父节点的 XPath 如下所示。这里，span 是子节点，使用 parent 表达式，我们可以从这个子节点确定父节点 div 的 XPath。

Xpath: //span[@data-name='your-name']//parent::div

如何捕获加载程序图像的 XPath

当我们自动化 Selenium 网站时，屏幕上会短暂显示一些元素。当我开始编写 XPath 代码时，该元素已经从屏幕上消失了。

为了说明，让我们尝试识别加载图像的 XPath，因为它们需要一段时间才能显示在屏幕上。

下面列出了为加载程序查找 XPath 的步骤。

第 1 步： 第一次加载页面时，按 F12 准备检查元素。接下来，选择源选项卡以查看下图。

第 2 步： 当我们在屏幕上看到加载元素时，只需按 F8 或单击下面突出显示的图像中显示的位置。

第 3 步：返回元素页面并开始在那里编写定位器。