Selenium系列教程(7)

现在，你已经习惯并能够使用Selenium IDE的记录模式自动创建脚本了，现在让我们继续介绍一个帮助我们创建测试脚本的重要工具——Firebug。Firebug可以帮助我们检查网络元素和网页的性能。

因此，本教程包含了如何安装并使用Firebug。

大家注意，本教程的内容不仅适用于Selenium的IDE环境;它还适用于Selenium套件的每一个工具。因此，我觉得最好用Selenium一词代替SeleniumIDE。

在本教程中，您将学习如何使用Firebug插件来创建Selenium脚本。在这个过程中，我们还将学习如何安装Firebug。

Firebug简介

Firebug是Mozilla Firefox的插件。这个工具可以帮助我们识别或检查网页上的HTML，CSS和JavaScript元素。它帮助我们单独识别网页上的各个元素。根据元素定位器类型可以单独找到各个元素，我们将后续在本教程中进行介绍。

如何安装Firebug？

为便于理解，我们将安装过程分为以下步骤。

步骤1：启动Mozilla Firefox浏览器，然后打开Firebug插件的下载页面。此URL是火狐插件页面的链接。

步骤2：点击网页上的“添加到Firefox”按钮，请参考下图。

步骤3：当我们点击“添加到Firefox”按钮后，会出现安全警告框，现在点击“允许”按钮。

步骤4：现在，Firefox将在后台下载插件，并将显示一个进度条。

步骤5：一旦过程完成后，会出现软件安装窗口。现在，点击“立即安装”按钮。

步骤6：一旦安装完成后，将显示一个弹出窗口说Firebug已成功安装。现在选择关闭此弹出。

注：与SeleniumIDE不同，我们不需要重新启动Firefox来显示安装好的Firebug，它将自动显示。

步骤7：要启动Firebug，我们可以选择以下两种方式：

步骤8：现在你可以在Firefox窗口的底部看到Firebug。

现在，我们已经下载并安装了Firebug，让我们继续介绍通过Firebug创建的各类定位器。

使用Firebug创建Selenium脚本

与SeleniumIDE不同，在Firebug中我们手动添加多个测试步骤，来形成一个符合逻辑且协调的测试脚本。

让我们通过循序渐进的方式来逐步理解整个过程。

场景：

第1步——从菜单栏启动Firefox并运行SeleniumIDE。

第2步——在基本URL文本框中输入待测应用程序的地址（“https://accounts.google.com”）。

第3步——在默认情况下，记录按钮处于开启状态。请记住，将其调至关闭状态，从而禁用记录模式。注意，如果记录模式是开启状态，它可能会记录我们与浏览器的交互。

第4步——在Firefox下打开待测应用程序（https://accounts.google.com）。

第5步——在浏览器中启动Firebug。

第6步——选中编辑器中的空测试步骤。

第7步——在编辑面板的Command文本框中输入“Open”。 “Open”命令将打开浏览器中指定的URL。

建议：在命令文本框中键入命令时，用户可以利用自动选择的功能。用户只要键入字符串，匹配建议就将自动显示匹配项。

用户还可以单击命令文本框中的下拉菜单看SeleniumIDE提供的所有命令。

第8步——现在，需要在浏览器中对Firebug进行一些操作，展开HTML代码中“head”部分，请注意HTML的<title>标签。要断言网页的标题，我们将需要<title>标签的赋值。

在我们的例子中，复制网页的标题，也就是“Sign in – Google Accounts”。

第9步——选择编辑器中的第二个空测试步骤。

第10步——在编辑面板的Command文本框中输入“assertTitle”命令。“assertTitle”命令返回当前页面的标题并与指定标题进行比较。

第11步——将第8步中的值复制到第二列Target区域中去。

(待续)

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

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