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)

    Selenium IDE工具界面剖析


  Edit菜单选项


    • 它包含常用的选项: Undo, Redo, Cut, Copy, Paste, Delete, and Select All.

    • 这里有两个最重要的选项: "Insert New Command" 和 "Insert New Comment".      

    Selenium IDE工具界面剖析

    • 最新插入的命令或注释会放置在当前选择命令行的上方

      Selenium IDE工具界面剖析

    • 命令会被黑色字体标记

    • 注释会被紫色字体标记

      Selenium IDE工具界面剖析

   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属性作为第二选择,依次类推直到找到可用的元素定位选择器。

      Selenium IDE工具界面剖析

        Base URL 栏

        Selenium IDE工具界面剖析

    • 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

  Selenium IDE工具界面剖析通过这个控件控制脚本回放速度
Selenium IDE工具界面剖析开始/结束录制会话,开启后会将与浏览器的所有操作录制成Selenese命令,并写入到Editor面板中。
Selenium IDE工具界面剖析执行整个测试套件,将会顺序的执行测试面板中所有的测试案例。
Selenium IDE工具界面剖析执行当前测试案例,仅会执行当前测试面板中被选中的测试脚本。
Selenium IDE工具界面剖析暂停/恢复当前正在回放的测试脚本。
Selenium IDE工具界面剖析单步调试,可以逐步执行测试脚本的命令,用于调试使用。
Selenium IDE工具界面剖析

应用汇总策略,通过rollup关键字将多个命令合并为一个,需要用户自定义扩展。

    测试用例面板


    Selenium IDE工具界面剖析

    • 同一时刻,可以在测试面板中打开多个测试脚本。

    • 当打开的目标是一个test suite时,测试面板会加载当前测试套件下所有测试脚本列表。

    • 测试用例名称标注加粗字样的为当前选中的测试脚本。

    • 回放之后,每个测试脚本名称会有字体背景着色,表示执行成功或失败,绿色表示“成功”,红色表示“失败”。

    • 测试用例面板底部显示的是运行测试的总数及失败的个数。


    Editor


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


    Table


    • Table视图在大多数情况下是使用最频繁的。

    • 可以在这里创建和修改Selenese命令。

    • 脚本回放之后,每个执行步骤都会被着色。


    Selenium IDE工具界面剖析

    • 创建测试步骤,可以在“Command”文本框中输入命令名称


    • 在键入命令时,文本框下拉列表会显示所有可以匹配到的命令集合。


    • Target参数通常是一个元素定位器,或者作为参数值等,而Value通常会是参数变量名,输入数据等。

    Selenium IDE工具界面剖析

    

    Source 视图

    

    • source视图通过HTML格式展示测试步骤。


    • 可以在此视图中创建、编辑Selenese命令。

    Selenium IDE工具界面剖析

    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工具界面剖析


    如下是一个使用UI-Element的一个例子。


    Selenium IDE工具界面剖析

    

    Rollup窗口

    Rollup允许将一组Selenese命令合并到一个步骤中,一组selenese命令称为“rollup”,它严重的依赖于javascrip及“UI-Element”概念,类似于编程语言中的function。


    Rollup是可以重用的,一个“rollup”可以在测试脚本中多次使用,由于“rollup”是一系列命令的集合,所以它可以缩减测试脚本篇幅。

    Selenium IDE工具界面剖析

    如下展示了“rollup”窗口内容

    Selenium IDE工具界面剖析

    汇总

    • Selenium IDE是整个套件里最简单的。

    • 仅仅被用作一个原型工具

    • 需要JS和HTML的知识。Rollup是一些可重用的命令集合。Locators是你告诉IDE怎么找到元素的描述。

    • Firebug是获取locator值的工具。

    • 菜单栏用来创建,修改,导出RC,WebDriver可以识别的格式的测试用例。

    • Selense命令的默认格式是HTML。

    • 选项菜单提供了关于IDE更多配置。

    • Base URL基址在访问相对地址比较有用。

    • 测试用例面板显示打开的case和关于测试结果的汇总。

    • Editor编辑器提供了修改脚本的入口

    • 表格试图以表格形式等你键入Command,target,value。而代码视图用HTML来显示你的脚本。

    • 日志和参考页面提供了一些执行case可能需要的信息。

    • UI-Element和Rollup是给比较熟悉Selenium工具的用户使用的。需要相当的JS编程经验。

    • UI-Element允许我们使用json来匹配UI元素。

         

  点击链接加入群【悦分享测试联盟】:https://jq.qq.com/?_wv=1027&k=5DiePik

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:SeleniumIDE工具界面剖析-创新互联
浏览路径:http://hbruida.cn/article/dpehch.html