zoukankan      html  css  js  c++  java
  • 《零成本实现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对空格敏感,命令前后如果还有空格,将无法识别

  • 相关阅读:
    作为PHP开发者请务必了解Composer
    如何优雅的使用 phpStorm 开发工具
    Sublime Text 3的安装,卸载,更新,激活
    高效的一天可以这样过
    编译安装PHP开发环境
    Linux操作系统Centos7.2版本搭建Apache+PHP+Mysql环境
    PHP面试题分享与答案
    腾讯2016校招编程题【PHP实现】
    程序的优化(PHP)
    在Mac系统下配置PHP运行环境
  • 原文地址:https://www.cnblogs.com/wuzhiming/p/3436462.html
Copyright © 2011-2022 走看看