Selenium系列教程(8)

第12步——现在选择编辑器中的第三个空测试步骤。

第13步——在编辑面板的Command文本框中输入“type”命令。“type”命令将给GUI中指定的网络元素赋值。

------------

第14步——现在切换到浏览器中，将鼠标光标移动到用户登录中的“Email”文本框，然后按右键单击。

选择“Inspect Element with Firebug”选项。请注意，Firebug自动突出显示相应网页元素的HTML代码，这里也就是“Email Textbox”。

第15步——在上面的图中的HTML代码中显示了对于“Email”文本框的不同的属性特性。请注意，这里有四个属性（ID，类型，占位符和名称），使之能够唯一的识别网页上的各个元素。因此用户可以选择一个或多个属性以确定各个网络元素。

因此，在当前情况下，我们选择ID作为定位器。复制ID的值，并将其粘贴在测试步骤三中的Target区域并以“ID=”为前缀来指示SeleniumIDE找到ID为“Email”的网络元素。

记得SeleniumIDE是区分大小写的，因此确认仔细输入与HTML代码所示完全一致的属性值。

第16步——点击查找按钮，以验证选中定位器是否成功发现并在网页上定位指定的UI元素。

第17步——现在，下一个步骤是在编辑面板中第三个测试步骤的Value文本框中输入测试数据。在Value文本框中输入“InvalidEmailID”。用户可以根据要求改变测试数据。

第18步——现在选择编辑器中的第四个空测试步骤。

第19步——在命令文本框中键入“Type”命令。

第20步——现在切换到Web浏览器中，将光标移动到用户登录中的“Password”文本框，然后右键单击。

选择“Inspect Element with Firebug”选项。

第21步——下面的HTML代码显示了对于“Password”文本框的不同的属性特性。请注意，这里有四个属性（ID，类型，占位符和名称），使之能够唯一的识别网页上的各个元素。因此用户可以选择一个或多个属性以确定各个网络元素。

因此，在当前情况下，我们选择ID作为定位器。复制ID的值，并将其粘贴在测试步骤四中的Target区域并以“ID=”作为前缀。

第22步——点击查找按钮，以验证选中定位器是否成功发现并在网页上定位指定的UI元素。

第23步——现在，下一个步骤是在编辑面板中第三个测试步骤的Value文本框中输入测试数据。在Value文本框中输入“InvalidPassword”。用户可以根据要求改变测试数据。

第24步——现在选择编辑器中的第五个空测试步骤。

第25步——在命令文本框中键入“click”命令。“click”命令将点击网页中指定的网络元素。

第26步——现在切换到Web浏览器中，将光标移动到用户登录中的“Sign in”文本框，然后右键单击。

选择“Inspect Element with Firebug”选项。

第27步——下面的HTML代码显示了对于“Sign in”文本框的不同的属性特性。

选择ID作为定位器。复制ID的值，并将其粘贴在测试步骤五中的Target区域并以“ID=”作为前缀。

第28步——点击查找按钮，以验证选中定位器是否成功发现并在网页上定位指定的UI元素。

现在测试脚本已经完成。请参考下面的图示来查看完成的测试脚本。

第29步—回放创建的测试脚本，并根据以前教程一样的方法将其保存。

结论

在本教程中，我们介绍了另一个脚本创建工具，或者更确切地说，是脚本创建辅助工具。

令人惊讶的是Firebug在寻找网页上的网页元素方面有很大的潜力。因此，用户可以利用该工具的功能手动创建高效的自动化测试脚本。

{测试窝原创译文，译者：大头}

译者简介：大头，在读日本九州大学修士，计算机专业，主研究方向为文本挖掘，及自然语言处理。