Selenium 简明教程
Selenium IDE - Locating Strategies
Selenium IDE 具有多种定位策略,有助于自动化测试用例。然而,默认情况下,Selenium IDE 无法识别网页上的元素。要定位元素,我们需要 id、name、css 和 xpath 等定位器的帮助。
除了上述定位器外,旧版本的 Selenium IDE 还支持其他定位器,如 DOM 和标识符,但是它们在最新版本中已被弃用。
Identify Web Elements
右键单击网页,然后在 Chrome 浏览器中单击“检查”按钮,在此操作后,网页的 HTML 代码将可访问。要检查页面上的一个元素,请单击如下突出显示的左上方箭头。
一旦我们单击并将箭头指向输入框(在下图中突出显示),其 HTML 代码就出现了。
Features to Locate Element in Selenium IDE
一旦在 Selenium IDE 中录制后创建一个测试,我们就可以通过单击它来获取该测试中任何特定步骤的详细信息。在目标字段中单击下拉菜单,Selenium IDE 在录制时会成功捕获一个元素的所有定位器,如 id、name、css、xpath 等。
单击第 4 步,将 Command, Target 和 Value 字段的值分别设置为 type, id=name 和 Selenium 。该元素的名称、css 等其他定位器值在目标下拉菜单中可见。
我们在应用程序上执行的所有步骤都将记录在 Selenium IDE 中,在命令、目标和值字段下,右上角有一个 REC 按钮。
下面图片中突出显示的部分表示文本脚本编辑器窗格。它包含所有在启用录制时以测试步骤形式记录的用户交互。
要在 Selenium IDE 中默认识别一个 Web 元素,请单击下图中突出显示的 Select target in page 按钮。
单击 Select target in page 按钮后,用户将在网页上获得 Select an element 按钮。一旦选择一个元素,它的定位器值就会被 Selenium IDE 填充。
所选 web 元素的相应定位器值在目标中生成。然后,如果单击 Find target in page 按钮,则定位器值已填入的元素将在页面上突出显示。
请注意,只有当命令字段中有有效值时,按钮 - Find target in page 和 Select target in page 才启用,否则它们将保持禁用状态,如下面图片中突出显示的那样。
Locator ID
在 Selenium IDE 中使用 id 定位器定位输入框,然后输入文本 Selenium 的步骤如下:
Step 1 −执行 * Storing and Accessing Variables* 的第1步至第4步。
Step 2 −在Command字段中输入open,在Target字段中输入 * Selenium Automation Practice Form* ,以启动应用程序。
Step 3 −在Command字段中输入type,在Target字段中输入id=firstname,在Value字段中输入Selenium。请注意,id=firstname是id定位符及其值,作为输入框的firstname,而Selenium是要输入的值。
Step 4 −在Command字段中输入close以终止浏览器。
Step 5 −单击“Run all tests”(运行全部测试)按钮。
在上面的示例中,我们在输入框中使用 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是要输入的值。
Step 2 −单击“Run all tests”(运行全部测试),并等待测试执行完成。
在上面的示例中,我们在输入框中使用 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是要输入的值。
Step 2 −单击“Run all tests”(运行全部测试)。
在上面的示例中,我们在输入框中使用 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是要输入的值。
Step 2 −在顶部单击“Run all tests”(运行全部测试)。
在上面的示例中,我们在输入框中使用 First Name: 标签旁边的xpath定位符输入了文本 Selenium ,该标签出现在Log(日志)下方。