Selenium 简明教程

Selenium IDE - Locating Strategies

Selenium IDE 具有多种定位策略,有助于自动化测试用例。然而,默认情况下,Selenium IDE 无法识别网页上的元素。要定位元素,我们需要 id、name、css 和 xpath 等定位器的帮助。

除了上述定位器外,旧版本的 Selenium IDE 还支持其他定位器,如 DOM 和标识符,但是它们在最新版本中已被弃用。

Example

我们举个下面的页面的例子,我们将在 First Name: 标签旁边输入文本 Selenium 。这可以通过使用各种定位器来首先定位元素来实现。

selenium ide locating strategies 1

Identify Web Elements

右键单击网页,然后在 Chrome 浏览器中单击“检查”按钮,在此操作后,网页的 HTML 代码将可访问。要检查页面上的一个元素,请单击如下突出显示的左上方箭头。

selenium ide locating strategies 2

一旦我们单击并将箭头指向输入框(在下图中突出显示),其 HTML 代码就出现了。

selenium ide locating strategies 3

Features to Locate Element in Selenium IDE

一旦在 Selenium IDE 中录制后创建一个测试,我们就可以通过单击它来获取该测试中任何特定步骤的详细信息。在目标字段中单击下拉菜单,Selenium IDE 在录制时会成功捕获一个元素的所有定位器,如 id、name、css、xpath 等。

单击第 4 步,将 Command, TargetValue 字段的值分别设置为 type, id=nameSelenium 。该元素的名称、css 等其他定位器值在目标下拉菜单中可见。

selenium ide locating strategies 4

我们在应用程序上执行的所有步骤都将记录在 Selenium IDE 中,在命令、目标和值字段下,右上角有一个 REC 按钮。

下面图片中突出显示的部分表示文本脚本编辑器窗格。它包含所有在启用录制时以测试步骤形式记录的用户交互。

selenium ide locating strategies 5

要在 Selenium IDE 中默认识别一个 Web 元素,请单击下图中突出显示的 Select target in page 按钮。

selenium ide locating strategies 6

单击 Select target in page 按钮后,用户将在网页上获得 Select an element 按钮。一旦选择一个元素,它的定位器值就会被 Selenium IDE 填充。

selenium ide locating strategies 7

所选 web 元素的相应定位器值在目标中生成。然后,如果单击 Find target in page 按钮,则定位器值已填入的元素将在页面上突出显示。

selenium ide locating strategies 8

请注意,只有当命令字段中有有效值时,按钮 - Find target in pageSelect target in page 才启用,否则它们将保持禁用状态,如下面图片中突出显示的那样。

selenium ide locating strategies 9

Locator ID

在 Selenium IDE 中使用 id 定位器定位输入框,然后输入文本 Selenium 的步骤如下:

Step 1 −执行 * Storing and Accessing Variables* 的第1步至第4步。

Step 2 −在Command字段中输入open,在Target字段中输入 * Selenium Automation Practice Form* ,以启动应用程序。

selenium ide locating strategies 11

Step 3 −在Command字段中输入type,在Target字段中输入id=firstname,在Value字段中输入Selenium。请注意,id=firstname是id定位符及其值,作为输入框的firstname,而Selenium是要输入的值。

selenium ide locating strategies 12

Step 4 −在Command字段中输入close以终止浏览器。

selenium ide locating strategies 13

Step 5 −单击“Run all tests”(运行全部测试)按钮。

selenium ide locating strategies 14

在上面的示例中,我们在输入框中使用 First Name: 标签旁边的id定位符输入了文本 Selenium ,该标签出现在Log(日志)下方。此外,我们在顶部获得了一条绿色的勾选,表示测试已通过

Locator Name

以下列出了使用name定位符来定位输入框然后在Selenium IDE中输入文本Selenium的步骤:

Step 1 −单击上面示例中创建的第二个步骤,在Command字段中输入type,在Target字段中输入name=firstname,在Value字段中输入Selenium。请注意,name=firstname是name定位符,其值为输入框的firstname,而Selenium是要输入的值。

selenium ide locating strategies 16

Step 2 −单击“Run all tests”(运行全部测试),并等待测试执行完成。

selenium ide locating strategies 17

在上面的示例中,我们在输入框中使用 First Name: 标签旁边的name定位符输入了文本 Selenium ,该标签出现在Log(日志)下方。

Locator CSS

以下列出了使用css定位符来定位输入框然后在Selenium IDE中输入文本Selenium的步骤:

Step 1 −单击上面示例中创建的第二个步骤,在Command字段中输入type,在Target字段中输入css=input#firstname,在Value字段中输入Selenium。请注意,css=input#firstname是css定位符,其值为输入框的input#firstname,而Selenium是要输入的值。

selenium ide locating strategies 18

Step 2 −单击“Run all tests”(运行全部测试)。

selenium ide locating strategies 19

在上面的示例中,我们在输入框中使用 First Name: 标签旁边的css定位符输入了文本 Selenium ,该标签出现在Log(日志)下方。

Locator Xpath

以下列出了使用xpath定位符来定位输入框然后在Selenium IDE中输入文本Selenium的步骤:

Step 1 −单击上面示例中创建的第二个步骤,在Command字段中输入type,在Target字段中输入xpath=//input[@id='firstname'],在Value字段中输入Selenium。请注意,xpath=//input[@id='firstname']是xpath定位符,其值为输入框的//input[@id='firstname'],而Selenium是要输入的值。

selenium ide locating strategies 20

Step 2 −在顶部单击“Run all tests”(运行全部测试)。

selenium ide locating strategies 21

在上面的示例中,我们在输入框中使用 First Name: 标签旁边的xpath定位符输入了文本 Selenium ,该标签出现在Log(日志)下方。

Conclusion

至此,我们对Selenium IDE定位策略教程的全面讲解结束。我们从描述一个示例开始,然后逐步介绍了不同的定位策略,并说明了如何将它们与Selenium一起使用。这将让你深入了解Selenium IDE中的定位策略。明智的做法是不断实践你学到的知识,并探索与Selenium相关的其他知识,以加深你的理解并拓展你的视野。