《零成本实现Web自动化测试--基于Selenium》第三章 Selenium-IDE

1.简介

  Selenium-IDE(集成开发环境)是一种开发selenium测试案例的工具。是一种易用的Firefox插件。你可以通过文字菜单,在当前页面上选择一个UI元素,接着挑选与UI元素相关的selenium命令。

1.1 安装IDE

  selenium-IDE下载地址:http://docs.seleniumhq.org/download/

  Firefox浏览器打开,然后找到selenium版本号,再单击,之后Firefox浏览器会有一个安全提示,直接点击“Allow”,最后点击“Install Now” ,安装完成以后,按照Firefox浏览器所提示的那样restart浏览器

 1.2 IDE 启动

  ①快捷键启动 Ctrl+Alt+S(会和QQ的消息盒子快捷键重复,没有开启QQ可以这么启动)和 Ctrl+Shift+S(浏览器侧边栏中打开)

  ②设置IDE的icon在浏览器工具栏中显示:

  先打开Firefox 按一下“Alt”->View(视图)->Toolbars(工具栏)->Customize(自定义)(建议大家使用英文版的Firefox)

  在跳出来的Customize Toolbar界面中,找到Selenium IDE Button,然后拖到页面你希望的位置,我的如下:

 

2.IDE操作界面

 2.1 Selenium-IDE完整界面

2.2 菜单栏介绍

 

  文件(File)菜单允许你创建、打开、和保存测试案例和案例集;

  编辑(Edit)菜单允许复制、黏贴、撤销和先祖测试案例中的所有命令;

  Options菜单用于设置Selenium-IDE;

  Actions 菜单可以对案例的录制,执行命令操作;

  帮助(Help)文档可以查询IDE相关的官网文档

2.3 工具栏

  

  ① 速度控制:控制案例的运行速度;

  ② 运行所有:运行一个测试案例集中所有的测试案例;

  ③ 运行:运行当前选定的测试案例。对于仅有一个测试案例被加载的情况,运行所有与运行一个的效果一样;

  ④ 暂停/恢复:暂停和恢复测试案例执行;

  ⑤ 单步:可以在整个测试案例范围内,一次运行一行命令,用于调试测试案例

  ⑥ 添加Rollup规则:这一高级特性顺序可以将经常重复执行的一系列selenium命令组成一个action。细节描述可以在Selenium-IDE的帮助菜单中的UI-Element Document中找到

  ⑦ 录制:录制用户在浏览器上的操作

2.4 测试案例面板

脚本在测试案例面板中展现,它有两个页签,其中一个页签Table,用表格形式来展现命令及其参数;

另外一个Source页签,用原始方式来展现脚本,默认以HTML格式展示,必要时还可以转换成其他语言,例如:java、C#、Python。

特别要注意的是,source测试图中同样允许编辑测试案例,包括复制、粘贴和剪切等。

默认的HTML代码示例:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="http://www.baidu.com/" />
<title>New Test</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">New Test</td></tr>
</thead><tbody>
<tr>
    <td>open</td>
    <td>/</td>
    <td></td>
</tr>
<tr>
    <td>type</td>
    <td>id=kw</td>
    <td>Selenium</td>
</tr>
<tr>
    <td>clickAndWait</td>
    <td>id=su</td>
    <td></td>
</tr>
<tr>
    <td>type</td>
    <td>id=kw</td>
    <td></td>
</tr>

</tbody></table>
</body>
</html>

 Command、Target 和 Value 输入框,分别显示当前选中的命令及其对应的参数。 Target 和Value 分别对应命令的第一个和第二个参数。

此外,初学的时候那么多命令记不住,但是在Command域中输入命令的首字符后,会有一个下拉列表出现所有相应字符的命令可供选择。

2.5 日志/参考/UI元素/Rollup

Selenium-IDE主界面的最底部包含多种面板,分别是日志、参考文档、UI元素和Rollup面板

① 日志

运行的测试案例,错误和信息将会自动在面板中显示,如上图所示,这些信息对测试案例的调试非常有用,单击Clear按钮,可以清楚日志;通过Info按钮,可以筛选日志

② 参考

当你在表格中输入和编辑Selenese命令时,参考面板是默认选择,面板会显示对应命令的参考文档

③UI元素/Rollup

(暂时参考Selenium-IDE帮助菜单中的UI-Element Document)

3.测试案例和测试案例集

3.1 创建测试案例

3.1.1 录制

    单击Selenium-IDE 按钮,开启selenium-IDE的主面板,默认打开时,录制按钮是被选中的(鼠标移动到录制按钮,看tooltip)

    在录制过程中,Selenium-IDE会依据你的操作自动插入命令到测试案例中,典型的情况如下:

① 点击连接 click 和clickAndWait命令;

② 输入 type命令;

③ 从下拉列表中选中一项 select 命令;

④单击多选框或单选框 click 命令;

⑤在录制时 type命令可能要求点击页面的其他部分;

⑥对于连接通常录制为click命令。建议将其改成clickAndWait,保证案例会等待新页面完全加载

3.1.2 通过文字菜单添加验证和断言

 Selenium-IDE录制过程中,在浏览器页面上任何位置右击鼠标,你会看到一个文字菜单现实assert 和verify命令。

第一次实用Selenium时,可能只有一个命令被列出来,但Show All Available Commands菜单选项中,可以看到Selenium提供的更多的命令和对应推荐的参数,下面说下用法:

右击页面的某个元素,如图片,复选框等,在Show All Available Commands菜单选项中,选择一个命令,然后再次右击其他元素时,上一次选择的命令,会在右击后显示的面板中显示。

3.1.3 编辑

 ①插入命令(表格视图)

    在案例面板上,选中想插入命令的那一行,接着右击,选择Insert New Command,然后会在选中的命令上面插入一个空行可供编辑、输入你的新命令和参数

 ②插入命令(代码视图)

在代码视图中,在所想插入的地方左击,然后继续输入HTML tags,但是要保证格式的一致性,如下例所示:

<tr>
    <td>clickAndWait</td>
    <td>link=音乐</td>
    <td>遇见</td>
</tr>

 ③插入注释

方法1:表格视图下,在测试案例中选择你想要插入注释的一行,右击并选择Insert New Comment,在命令域中写入注释,而注释会用紫色的字体呈现

方法2:代码视图中,插入一个HTML式样的注释在想要注释的位置,代码如下:

<tr>
    <td>open</td>
    <td>/</td>
    <td></td>
</tr>
<!--我的注释-->
<tr>
    <td>type</td>
    <td>id=kw</td>
    <td>wu</td>
</tr>

注释的格式
<!-- (注释内容)-->

 ④编辑一行命令或者注释

在表格视图下,选择一行,实用Command、Target 和Value来编辑

在代码视图下,用IDE自带的HTML文本编辑功能

 ⑤打开和保存测试案例

 文件(File)->打开、保存、导入、导出(可以导出你所希望的脚本语言格式)

3.2 运行测试案例

 IDE允许你用多种方式来运行测试案例

a. 运行一个测试案例

b. 运行一个测试案例集

c. 暂停和恢复

d. 执行中途停止

e. 从中途开始

f. 运行任何一行指定的命令

3.3 调试测试案例

  3.3.1 断点和起始点

         Selenium-IDE支持断点,以及在测试案例中任何地方启动和终止运行。

         设置断点:先选择一行命令,接着右击鼠标,从文字菜单中选择Toggle Breakpoint
  3.3.2 单个运行整个测试案例

  3.3.3 查找按钮 (就是命令编辑面板上的“Find”)

          查找按钮被用来查看页面上那个UI元素被当前命令所使用。为命令的第一个参数创建定位器时,查找按钮很有用。

          通过表格视图,选择任何一个有定位器参数的命令(Click 、clickAndWait等),单击查找以后,页面对应参数会被绿色的亮框包裹住,高亮现实。

    3.3.4 用过页面的源代码来调试

             安装一个Firebug插件来查看页面的HTML元素

    3.3.5 定位辅助

           当Selenium-IDE录制脚本时,会存储额外的信息,支持用户挑选其他格式的定位器来取代默认格式的定位器。下面演示使用Firefox的插件Firebug来寻找定位:

           a.在Firefox添加插件的页面长,找到并且安装Firebug;

b. 运行IDE,打开www.baidu.com,单击“贴吧”的链接,然后查看IDE面板,选中单击贴吧命令,在Find中可以查看到IDE的定位参数

c. 按F12,启动Firebug,单击Firebug工具栏上那个小箭头,然后移动鼠标到“贴吧”上,就可以查看页面源码,也可以用页面中的源码信息来定位

常见错误处理

1. 启动异常偶尔出现在Selenium-IDE 初次启动时,如果想解决,只需要关闭和重启Selenium-IDE;

2. 试图使用File->open 来打开测试案例集文件是不行的,应使用File->Open Test Suite 来代替;

3. 页面元素没有找到,可能是由于一个页面加载延迟造成的;

4. 使用变量失败,建议第一个参数,和第二个参数要放在正确的对应的Target和Value域中;

5. 测试案例集中的所有测试案例都没有找到。 因此要保证测试案例所在的测试路径符合测试案例集中的描述,同时还要确保你的测试案例的文件名有.html后缀;

6. 命令书写错误。 Selenium-IDE对空格敏感,命令前后如果还有空格,将无法识别

原文地址:https://www.cnblogs.com/wuzhiming/p/3436462.html