【转】Selenium-IDE（1）

樱花季节 · 发表于 2013-5-8 16:51:28

本帖最后由樱花季节于 2013-5-8 17:10 编辑

【转】Selenium-IDE（1）
Selenium-IDE
Selenium-IDE (Integrated Development Environment [集成开发环境]) ，它是一个开发Selenium测试用例的工具。它也是一个使用简单的Firefox的扩展，可以让你高效的开发测试用例。
下面的章节，将介绍Selenium IDE如何使用。
安装IDE
使用Firefox，下载IDE：[如果官方网站被墙了…要下载请点击这里]
Firefox会弹出一个安装扩展的提示，这时候选择“Allow”

跟着Firefox会弹出安装扩展的窗口，选择”Install Now”

安装完成后，会提示你重新启动Firefox，选择”Restart Firefox”

重新启动之后，在“工具”(Tools)菜单里面，就会多了“Selenium IDE” 这项功能了。

打开Selenium IDE
选择“工具”（Tools）菜单中的Selenium-IDE 打开 Selenium IDE。

IDE 功能：
菜单栏
这里提一下Help菜单里面的“UI-Element Documentation”是蛮有用的帮助文档。其他部分略过。
工具栏

下面是工具栏上面按钮的一些介绍：

速度控制：控制测试用例的执行速度

执行全部：执行测试套件（test suite）中的所有测试用例

执行：执行单全选中的测试用例。

暂停/继续：暂停和继续执行测试用例

单步执行：让测试用例一个一个命令执行。

捆绑规则：这个高级的功能允许一连串的 Selenium命令组合成一个动作。具体的介绍参见帮助菜单中的”UI-Element Documentation”。

录制：录制用户在浏览器中的操作。

测试用例面板测试用例面板会显示你所编写的测试用例脚本。他有两个标签页，一个是“table”一个是“source”。table标签页显示的是以表格形式显示出脚本中的命令：

标签页下方的Command，Target，Value会显示出当前选中的命令的对应信息。通过修改输入框里面的值，命令就会被修改。当你在Command输入框中开始输入命令，一个下拉列表就会出现，下拉列表中会显示出以你输入的字母开始的命令。你可以从中选择你想输入的命令。

source标签页是以源代码的形式显示脚本，默认是HTML的形式，这里的源代码可以通过IDE中的“Options -> Format”菜单来转换显示的语言。支持7种语言：Java，Groovy，C#，Perl，PHP，Python和Ruby，支持11种形式。Log/Reference/UI-Element/Rollup 面板在IDE的下方，有一个面板，里面包含4个标签页，它们是Log, Reference, UI-Element, Rollup(1) Log (日志)当在运行测试用例的时候，提示信息和错误信息都会在Log中显示。这些日志信息往往对于测试用例的调试很有用。Log标签页的右上侧有一个“Clear”的按钮，它可以清理Log中的所有日志。“Clear”按钮左侧有一个下拉的选项，它可以让你选择输出的日志信息的级别。级别有4个：Debug, Info, Warn和Error。默认选中是“Info”。

(2) Reference (参考)参考标签页，

当你在输入或者是修改命令的时候会默认选中。参考标签页里面会展示出当前命令的文档。要注意的是，命令的参数个数、顺序、类型都必须与Reference中的一致，否则命令可能会不能正确执行。Reference标签中的信息作为快速的参考很有用，详细的Reference可以参考：http://release.openqa.org/selenium-core/1.0/reference.html[ps: 上面这个链接又是被墙了，现在只能翻墙看了](3) UI-Element 和 Rollup这两个高级功能的详细说明可以在帮助菜单中的“UI-Element Documentation”找到。
创建测试用例
有3中首选的创建测试用例的方式
1. 录制
很多第一次使用的用户，都是通过录制和网站的交互，来创建测试用例的。当Selenium-IDE第一次开启的时候，录制的按钮是默认开启的。如果你不想开启Selenium-IDE的时候，录制就开始，你可以通过选择Options菜单，取消“Start recording immediately on open” 。
在录制的期间，Selenium-IDE将会自动往你的测试用例插入命令。一般是包含以下的这些命令：
(1). 点击一个链接——click 或者 clickAndWait命令
(2). 输入一个值——type命令
(3). 选择下拉框中的选项——select命令
(4). 选择checkbox或者radio按钮——click 命令
以下是一些要注意的问题：
(1). type命令可能需要点击页面的某一个区域后它才能被录制
(2). 点击一个链接后，通常会产生一个click命令。你通常需要将这个命令改成clickAndWait来保证你的测试用例会暂停，直到新的页面加载完成。否则，你的测试用例将会在新页面没有加载完成就继续执行，这样子就可能导致测试用例出现很多失败。
2.通过右键菜单添加校验和断言命令
你的测试用例需要检查页面的一些属性。这就需要assert 和 verify 命令了。这里不会讲述assert 和verify命令的详细用法，这些用法会在后面的章节讲到。这里讲的是如何简单的将他们添加到你的测试用例中。
开启Selenium-IDE录制功能，然后鼠标右键点击你正在测试的页面的任何一个位置，你将会看到一个菜单项显示verify 或者是 assert命令：

如果你是第一次使用Selenium，那么将会只有一个Selenium命令出现在右键菜单中。使用多了之后，你会发现很多其他命令会添加到右键菜单中。Selenium-IDE会预测你你需要的命令，还有参数。
3. 修改现有命令和注释
(1) 插入命令(insert Command)
表格视图（Table View）
在表格视图中，左键点击你需要插入命令的那一行。然后点击右键，选择插入命令（Insert Command）。IDE将会在你选择的那一行的上面添加一个空白行。现在就可以在下方的命令面板中，修改你的命令了。
源代码视图（Source View）
首先进入源代码视图，然后在你需要插入命令的地方点击左键，并敲入你的命令，注意这里的输入的是HTML格式的需要有3列的表格代码。3列分别是：命令、第一个参数、第二个参数。
还有注意首先保存，然后才能切换到表格视图（Table View）。
(2) 插入注释(insert Comment)
注释会让你的测试用例可以更加容易让别人了解，这些注释在测试用例执行的过程中是会被忽略的。
表格视图（Table View）
选择你需要插入命令的地方，点击右键，然后选择“Insert Comment”，然后在下方的命令面板中，Command的输入框中填入注释内容，你的注释将会是紫色的字体。

源代码视图（Source View）
选择源代码视图（Source 标签）然后再你需要插入注释的地方添加HTML格式的注释。例如：
(3) 修改命令或者注释
表格视图（Table View）
选择你需要修改的命令或者注释，然后再下方的命令面板中修改Command、Target和Value的值
[ps] 注释只需要修改Command的内容，Target 和Value都是没用的。
源代码视图（Source View）
选择源代码视图之后，直接修改HTML代码。
(4) 打开和保存测试用例
就像很多程序那样，“保存(Save)”和“打开(Open)”的操作都是在“文件(File)”菜单下面的。不过Selenium区分测试用例 (Test case) 和测试套件 (Test Suite)。你可以保存测试用例或者保存整个测试套件。
运行测试用例
在IDE中，有多种的方式可以让你运行测试用例。你可以一次过执行它，停止或者继续它，或者是单步执行等。
执行一个测试用例
打开一个测试用例点击运行按钮。
执行一个测试套件
打开需要运行的测试套件，然后选择“执行所有(Run All)”按钮
停止和继续
“暂停(Pause)”按钮可以用来停止正在运行的测试用例。当点击暂停之后，这个按钮会变成“继续(Resume)”按钮，通过继续按钮，则可以继续执行测试用例。
在测试用例中间开始
你可以在测试用例中设置一个起始点（StartPoint），让它一开始就从这条命令开始执行。这对于调试你的测试用例非常有用。设置起始点：选择一个命令，右键点击，选择”Set StartPoint(设置起始点)” 或者 “Clear Start Point(清除起始点)”。
执行单条命令
双击任何一条命令，IDE则会执行这条命令。
使用基准URL (Base URL) 在不同域名下运行测试用例
基准URL（Base URL）输入框是在Selenium-IDE窗口的上部，它可以让你的测试用例在不同的域名下执行。例如一个网站的网址是： http://i-giraffe.com，它有一个自己测试用的域名http://beta.i-giraffe.com。所有这个网站的测试用例，open命令里面的相对URL（relative URL），Selenium-IDE根据基准URL生成绝对的URL。
例如：基准URL是 http:news.portal.com
那么下面的open命令则是打开http://newsportal.com/about.html

同样的测试，如果修改了基准URL为http://beta.news.portal.com
那么打开的页面将是http://beta.news.portal.com/about.html