SeleniumIDE工具界面剖析

资源推荐：

站在用户的角度思考问题，与客户深入沟通，找到肇东网站设计与肇东网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站设计制作、成都网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册、网络空间、企业邮箱。业务覆盖肇东地区。

视频资源：软件测试相关系列视频

社区资源： 自动化测试交流群

Selenium IDE简介

Selenium IDE(Integrated Development Environment),是Selenium工具套件中最简单的工具，它可以快速的通过录制回放功能创建测试脚本，这种特性类似于QTP，而且它的安装和使用都非常的简单。

由于Selenium IDE功能简单，适用范围局限，很多情况下都被当做原型工具使用，而不会用作开发和维护复杂测试场景的解决方案。

虽然学习Selenium IDE不需要什么其他知识基础，但是至少你需要熟悉HTML，Javascript,和DOM（Document Object Model），通过这些知识可以更多的发挥该工具（Selenium IDE）的潜能。比如当我们进入关于Selenese命令“runScript”阶段学习时，就需要使用到javascript知识。

当使用Selenium IDE创建测试脚本时，Selenium IDE支持命令自动完成模式，这个特性主要是为了两个目的：

帮助测试人员更快的完成命令输入
限制用户输入无效的Selenese命令

Selenium IDE特性

Selenium IDE工具界面剖析

菜单栏

菜单栏位于IDE的最顶部，最常用的菜单包括：File,Edit和Options菜单。

文件菜单

文件菜单包含创建，打开，保存，关闭测试相关选项
Tests保存为HTML格式
这里有最有用的选项“Export”，它允许将Selenese脚本保存为支持Selenium RC 和 Selenium WebDriver支持的测试脚本。
“Export Test Case As...”，可以到处当前的脚本。
“Export Test Suite As...”,当初当前测试套件所有脚本。

Selenium IDE工具界面剖析

需要注意的是，自从Selenium IDE V1.9.1，测试脚本只能保存到如下格式的文件中。
.cs (C# source code)
.java (Java source code)
.py (Python source code)
.rb (Ruby source code)

Edit菜单选项

它包含常用的选项： Undo, Redo, Cut, Copy, Paste, Delete, and Select All.
这里有两个最重要的选项： "Insert New Command" 和 "Insert New Comment".

最新插入的命令或注释会放置在当前选择命令行的上方
命令会被黑色字体标记
注释会被紫色字体标记

Options 菜单

Options中提供给用户扩展接口，以及各种各样的Selenium IDE相关配置。

我们先看下Options和 “Clipboard Format”选项：

Selenium IDE工具界面剖析

Clipboard Format选项允许从IDE命令行编辑器复制命令并粘贴成为指定的代码片段
粘贴成为目标代码片段格式取决于在此所选择的格式
HTML是默认格式

比如，当你选择的代码格式为“Java/JUnit 4/WebDriver”时，每个从Selenium IDE中复制的命令行会被粘贴成为java code.

Selenium IDE工具界面剖析

Selenium IDE Options对话框

在菜单栏上点击“Options > Options...”启动Options对话框，Options中包含很多配置信息，我们将会选择比较重要的进行解释。

Selenium IDE工具界面剖析

Default Timeout Value.这个时间指的是等待某个元素在页面中出现或等待某元素变为可访问状态的等待时间，超时后会抛出相应的错误信息，这里默认超时时间是30000ms
Selenium IDE extensions.在这里可以对Selenium IDE特性进行扩展，可以通过访问“http://addons.mozilla.org/en-US/firefox/”，并使用关键字“Selenium”搜索相关可用的扩展。
Remember base URL. 在此可以设置使Selenium IDE每次启动时记住上次使用的Base Url，如果反选这个选项的话，IDE每次启动时，将会保持Base Url空白。
Autostart record. 选择该选项，每次重启Selenium IDE时，都会默认开启录制状态。
Locator builders. 在这里可以指定录制脚本时使用locators的顺序，locators就是元素定位选择器，在如下配置的情况下，当你点击一个带有ID的元素时，IDE会优先使用id locator作为定位元素的选择器，如果目标元素不存在ID时，Selenium会寻找name属性作为第二选择，依次类推直到找到可用的元素定位选择器。

Base URL 栏

Base URL有一个下拉菜单列表，它会记录所有先前访问的历史。
通过Selenese命令“open”，可以将浏览器导航到指定的url所指页面。
在本教程中我们会使用“http://newtours.demoaut.com”作为Base URL，这是HP为用于基于测试目的维护的web系统，这个web系统中包含所有本教程需要使用到的页面元素。
使用Base URL时，对于访问基于相对路径的页面时非常有用，比如这里指定Base URL的值为“http://newtours.demoaut.com”，可以使用Selenese “open”命令，并指定Target值为“sign-up”,Selenium IDE将会直接将浏览器导航到“sign-up”页面，如下：

Selenium IDE工具界面剖析

Toolbar

	通过这个控件控制脚本回放速度
	开始/结束录制会话，开启后会将与浏览器的所有操作录制成Selenese命令，并写入到Editor面板中。
	执行整个测试套件，将会顺序的执行测试面板中所有的测试案例。
	执行当前测试案例，仅会执行当前测试面板中被选中的测试脚本。
	暂停/恢复当前正在回放的测试脚本。
	单步调试，可以逐步执行测试脚本的命令，用于调试使用。
	应用汇总策略，通过rollup关键字将多个命令合并为一个，需要用户自定义扩展。

测试用例面板

同一时刻，可以在测试面板中打开多个测试脚本。
当打开的目标是一个test suite时，测试面板会加载当前测试套件下所有测试脚本列表。
测试用例名称标注加粗字样的为当前选中的测试脚本。
回放之后，每个测试脚本名称会有字体背景着色，表示执行成功或失败，绿色表示“成功”，红色表示“失败”。
测试用例面板底部显示的是运行测试的总数及失败的个数。

Editor

Editor中包含两个视图窗口：Table View 和 Source View.

Table

Table视图在大多数情况下是使用最频繁的。
可以在这里创建和修改Selenese命令。
脚本回放之后，每个执行步骤都会被着色。

创建测试步骤，可以在“Command”文本框中输入命令名称
在键入命令时，文本框下拉列表会显示所有可以匹配到的命令集合。
Target参数通常是一个元素定位器，或者作为参数值等，而Value通常会是参数变量名，输入数据等。

Source 视图

source视图通过HTML格式展示测试步骤。
可以在此视图中创建、编辑Selenese命令。

Log 面板

log面板会实时显示测试执行消息，实时更新日志并通知Selenium正在做的事情。

Logs被归类为4中类别

Debug - 默认情况下，debug消息不会被显示，这些debug信息主要是涉及到Selenium运行时使用到的技术相关信息，比如，加载了一个特定的模块，一个特定的函数被调用过，加载了一个外部js文件等等。

Info - info消息会告诉使用者Selenium IDE都执行了哪些Selenese命令。

Warn - 某些特殊情况下，使用Selenese不当或环境等某种原因，会提示Warn消息。

Error - 当Selenese命令执行失败时，会有error消息，比如不满足“verify”or "assert" 相关命令的条件时，也会有Error消息产生。

Selenium IDE工具界面剖析

Log信息可以通过类型进行过滤，比如选择“Error”选项时，log面板中只会显示error相关的信息。

Selenium IDE工具界面剖析

Reference 窗口（灰常有用）

Reference窗口中显示了当前选中的Selenese命令相关介绍，同时也对当前command的locator和value进行描述。

Selenium IDE工具界面剖析

UI-Element窗口

UI-Element对于selenium用户来说，相比较而言是较高级的话题，它使用JSON（Javascript Object Notation）来定义页面、页面元素的映射结构，我们可以在Selenium IDE中“Help”选项下找到“UI Element Documentation”，这里包含UI-Element更多详细的内容。

Selenium IDE工具界面剖析