Selenium IDE 教程

什么是 Selenium IDE?

Selenium IDE(集成开发环境)是 Selenium 套件中最简单的工具。它是一个 Firefox 附加组件,通过其录制和回放功能可以非常快速地创建测试。此功能类似于 QTP。它安装简单,易于学习。

由于其简单性,Selenium IDE 仅应作为原型工具使用,而不是开发和维护复杂测试套件的整体解决方案。

虽然您可以在没有编程先验知识的情况下使用 Selenium IDE,但您至少应该熟悉 HTML、JavaScript 和 DOM(文档对象模型),才能充分利用此工具。当我们讲到 Selenese 命令“runScript”时,需要 JavaScript 知识。

Selenium IDE 在创建测试时支持自动完成模式。此功能有两个目的

  • 它帮助测试人员更快地输入命令。
  • 它限制用户输入无效命令。

Selenium IDE 功能

Selenium IDE Features

菜单栏

它位于 IDE 的最顶部。最常用的菜单是文件、编辑和选项菜单。

文件菜单

  • 它包含创建、打开、保存和关闭测试的选项。
  • 测试以 HTML 格式保存
  • 最有用的选项是“导出”,因为它允许您将 Selenium IDE 测试用例转换为可在 Selenium Remote Control 和 WebDriver 上运行的文件格式
  • 将测试用例导出为…”将只导出当前打开的测试用例。
  • 将测试套件导出为…”将导出当前打开的测试套件中的所有测试用例。

File Menu

  • 截至 Selenium IDE v1.9.1,测试用例只能导出为以下格式
  • .cs (C# 源代码)
  • .java (Java 源代码)
  • .py (Python 源代码)
  • .rb (Ruby 源代码)

File Menu

编辑菜单

  • 它包含常用的选项,如撤消、重做、剪切、复制、粘贴、删除和全选。
  • 最重要的两个选项是“插入新命令”和“插入新注释”。

Edit Menu

  • 新插入的命令或注释将放置在当前选定行的顶部。

Edit Menu

  • 命令黑色
  • 注释紫色

Edit Menu

选项菜单

它提供了一个界面,用于配置 Selenium IDE 的各种设置。

我们将重点关注选项剪贴板格式选项。

Options Menu

剪贴板格式

  • 剪贴板格式允许您从编辑器复制 Selenese 命令并将其粘贴为代码片段.
  • 代码的格式遵循您在剪贴板格式列表中选择的选项。
  • HTML 是默认选择。

例如,当您选择 Java/JUnit 4/WebDriver 作为剪贴板格式时,您从 Selenium IDE 编辑器复制的每个 Selenese 命令都将作为 Java 代码粘贴。请参见下图。

Options Menu

Selenium IDE 选项对话框

您可以通过单击菜单栏上的“选项”>“选项…”来启动 Selenium IDE 选项对话框。尽管有许多可用设置,但我们将重点关注几个重要的设置。

Selenium IDE Options Dialog Box

  • 默认超时值。这指的是 Selenium 在生成错误之前必须等待某个元素出现或变得可访问的时间。默认超时值为 30000 毫秒
  • Selenium IDE 扩展。这是您指定要用于扩展 Selenium IDE 功能的扩展的地方。您可以访问http://addons.mozilla.org/en-US/firefox/并使用“Selenium”作为关键字搜索特定扩展。
  • 记住基本 URL。 如果您希望 Selenium IDE 每次启动时都记住基本 URL,请选中此项。如果取消选中此项,Selenium IDE 将始终以空白的基本 URL 值启动。
  • 自动开始录制。 如果您选中此项,Selenium IDE 将在启动时立即录制您的浏览器操作。
  • 定位器构建器。 这是您指定在录制时生成定位器的顺序的地方。定位器是告诉 Selenium IDE Selenese 命令应作用于哪个 UI 元素的方式。在下面的设置中,当您单击具有 ID 属性的元素时,该元素的 ID 将用作定位器,因为“id”是列表中的第一个。如果该元素没有 ID 属性,Selenium 将接下来查找“name”属性,因为它是列表中的第二个。该列表会一直持续下去,直到找到一个合适的。

Selenium IDE Options Dialog Box

基本 URL 栏

Base URL Bar

  • 它有一个下拉菜单,可以记住所有以前的值,以便于访问。
  • Selenese 命令“open”将带您到您在基本 URL 中指定的 URL。
  • 在本教程系列中,我们将使用https://demo.guru99.com/test/newtours/作为我们的基本 URL。它是 Mercury Tours 的网站,Mercury Tours 是 HP 为网络测试目的维护的 Web 应用程序。我们将使用此应用程序,因为它包含我们后续主题所需的全套元素。
  • 基本 URL 在访问相对 URL 时非常有用。假设您的基本 URL 设置为https://demo.guru99.com/test/newtours/。当您执行目标值为“signup”的“open”命令时,Selenium IDE 会将浏览器定向到注册页面。请参见下图。

Base URL Bar

工具栏

Toolbar 回放速度。这控制测试脚本执行的速度。
Toolbar 录制。 这将开始/结束您的录制会话。每个浏览器操作都作为 Selenese 命令输入到编辑器中。
Toolbar 播放整个测试套件。这将按顺序播放测试用例面板中列出的所有测试用例。
Toolbar 播放当前测试用例。这将只播放测试用例面板中当前选定的测试用例。
Toolbar 暂停/恢复。这将暂停或恢复您的播放。
Toolbar 单步执行。此按钮将允许您单步执行测试脚本中的每个命令。
Toolbar 应用汇总规则。这是一项高级功能。它允许您将 Selenese 命令分组并将其作为单个操作执行。

测试用例面板

Test Case Pane
  • 在 Selenium IDE 中,您可以一次打开多个测试用例
  • 测试用例面板显示当前打开的测试用例列表。
  • 当您打开一个测试套件时,测试用例面板将自动列出其中包含的所有测试用例
  • 粗体字体书写的测试用例是当前选定的测试用例
  • 回放后,每个测试用例都会用颜色编码以表示其通过或失败。
    • 绿色表示“通过”。
    • 红色表示“失败”。
  • 底部是运行和失败的测试用例数量的摘要。

编辑器

您可以将编辑器视为所有操作发生的地方。它有两种视图:表格视图和源代码视图。

表格视图
  • 大多数情况下,您将使用 表格视图 在 Selenium IDE 上工作。
  • 这是您创建和修改 Selenese 命令的地方。
  • 回放后,每个步骤都会进行颜色编码。

Table View

  • 要创建步骤,请在“命令”文本框中键入命令名称。
  • 它显示一个与您当前正在键入的条目匹配的命令下拉列表
  • 目标是命令的任何参数(如用户名、密码),值是这些目标的输入值(如 tom、123pass)。

Table View

源代码视图
  • 它以 HTML(默认)格式显示步骤。
  • 它还允许您像在表格视图中一样编辑脚本。

Source View

日志面板

日志面板在执行期间显示运行时消息。它提供有关 Selenium IDE 正在做什么的实时更新。

日志分为四种类型

  • 调试 – 默认情况下,调试消息不会显示在日志面板中。它们仅在您过滤它们时显示。它们提供有关 Selenium IDE 在后台执行的技术信息。它可能会显示消息,例如某个特定模块已加载完成、某个函数已被调用或某个外部 JavaScript 文件已作为扩展加载。
  • 信息 – 它说明 Selenium IDE 当前正在执行哪个命令。
  • 警告 – 这些是在特殊情况下遇到的警告消息。
  • 错误 – 当 Selenium IDE 无法执行命令,或者“verify”或“assert”命令指定条件未满足时生成的错误消息。

Log Pane

日志可以按类型过滤。例如,如果您选择从下拉列表中选择“错误”选项,日志面板将只显示错误消息。

Log Pane

参考面板

参考面板显示编辑器中当前选定的 Selenese 命令的简洁描述。它还显示该命令将使用的定位器和值的描述

Reference Pane

UI 元素面板

UI 元素适用于高级 Selenium 用户。它使用 JavaScript 对象表示法 (JSON) 来定义元素映射。文档和资源可在 Selenium IDE 帮助菜单下的“UI 元素文档”选项中找到。

UI-Element Pane

下面显示了一个 UI 元素屏幕示例。

UI-Element Pane

汇总面板

汇总允许您一步执行一组命令。 一组命令简称为“汇总”。它大量使用 JavaScript 和 UI 元素概念来制定一组命令,类似于编程语言中的“函数”。

汇总可重用;这意味着它们可以在测试用例中多次使用。由于汇总是一组浓缩成一个的命令,因此它们在缩短测试脚本方面大有帮助。

Rollup Pane

下面显示了一个汇总选项卡内容示例。

Rollup Pane

摘要

  • Selenium IDE(集成开发环境)是 Selenium 套件中最简单的工具。
  • 它只能用作原型工具。
  • 对于执行“runScript”和“rollup”命令等中级主题,需要具备 JavaScript 和 HTML 知识。汇总是命令的集合,您可以重复使用它们以显著缩短测试脚本。定位器是告诉 Selenium IDE 如何访问元素的标识符。
  • Firebug(或任何类似的附加组件)用于获取定位器值。
  • 菜单栏用于创建、修改和导出测试用例,以便 Selenium RC 和 WebDriver 使用。
  • Selenese 命令的默认格式是 HTML。
  • “选项”菜单提供对 Selenium IDE 各种配置的访问。
  • 基本 URL 在访问相对 URL 时非常有用。
  • 测试用例面板显示当前打开的测试用例列表和测试运行的简洁摘要。
  • 编辑器为您的测试脚本提供界面。
  • 表格视图以表格形式显示您的脚本,其中“命令”、“目标”和“值”为列。
  • 源代码视图以 HTML 格式显示您的脚本。
  • 日志和参考选项卡在执行测试时提供反馈和其他有用信息。
  • UI 元素和汇总选项卡仅适用于高级 Selenium IDE 用户。它们都需要在 JavaScript 编码方面付出相当大的努力。
  • UI 元素允许您使用 JavaScript 对象表示法 (JSON) 方便地映射 UI 元素。