内容


使用 Rati​​onal Test Workbench Eclipse Client 8.6 的 Web UI 扩展测试 Web 应用程序

录制、编辑和运行 Web UI 测试并评估结果

Comments

打算测试自己最近构建的网站或 Web 应用程序? 那么您来对地方了。本文将详细介绍 IBM© Rational Test Workbench© Eclipse Client 的 Web UI 扩展,它提供了自动测试 Web 应用程序功能的能力,例如,检查所有独立控件(如用于接收用户输入的表单)是否按预期方式工作。

自动化的 Web UI 测试是与 Web 应用程序的一系列交互;作为测试过程的一部分,可以自动执行这些交互工作。利用自动化的 Web UI 测试,可运行已录制的测试来验证 Web 应用程序是否按预期工作。这种自动化测试可以帮助您更快、更高效地完成测试工作。

以下是 Web UI 扩展的主要特性:

  • 自动化测试生成和端到端的测试
  • 在同一个地方录制、编辑、播放和评估测试
  • 支持不同平台上的大多数流行浏览器,如 Microsoft Internet Explorer、Mozilla Firefox 和 Google Chrome
  • 记录和报告测试结果

本文将引导您完成为 Web 应用程序创建 Web UI 测试,编辑、运行它,并生成报告的过程。本文也将引入 “统一测试” 的概念,这意味着您可以在桌面中某个所支持的浏览器上记录 Web UI 测试,然后在另一款浏览器上播放该内容,甚至在移动设备或仿真器上播放该内容。

先决条件

为了使用 IBM Rational Test Workbench Eclipse Client 8.6 的 Web UI 扩展进行测试,要确保测试设置满足以下先决条件:

  • Rational Test Workbench,版本 8.6。确保在安装中包括了 Web UI 扩展。
  • 以下任意浏览器:
    • Microsoft Internet Explorer
    • Mozilla Firefox
    • Google Chrome

有关所支持浏览器版本的信息,请参阅 软件产品兼容性报告

Web UI 测试的各个阶段

在 Rational Test Workbench Eclipse Client 中进行的测试包括几个阶段:

录制:您可以使用所支持的任意浏览器录制 Web UI 测试。Web UI 扩展会录制与被测 Web 应用程序的所有交互。

编辑:完成录制工作后,您可以在自然语言编辑器中编辑该测试。可以使用数据视图来显示和选择已录制应用程序中的 UI 元素。您也可以添加验证点,并用可变的测试数据替换已记录的测试值,或将动态 数据 添加到测试中。

执行:您可以运行自动测试,确保应用程序在验证点符合所定义的预期行为。在运行过程中,测试工作台会检查每个验证点,并提供了一个​​通过、失败或不确定状态。有关各步骤的信息被保存在测试结果中。

评估:您可以用所记录的数据产生的性能和验证点报告来评估测试结果。您还可以使用多种计数器来设计自定义报告。功能性报告提供了被测 Web 应用程序的综合行为视图。性能报告还提供了有关录制中每个步骤的响应时间信息。您可以导出和验证这些报告。

录制 Web UI 测试

IBM Rational Test Workbench 可帮助您在桌面上创建一个 Web UI 测试。测试工作台自动启用 Web 浏览器,并在开始 Web 应用程序录制测试前会配置测试环境。

在开始之前

  • 录制测试的时候,要等待每个页面完全加载。您可以在回放测试的时候删除这些额外的时间;这样就不会对性能造成影响了。
  • 如果您使用 Internet Explorer 9 或更高版本:
    • 为了确保浏览器始终以标准模式加载 Web 页面,将 <!DOCTYPE html> 添加到 HTML 源代码中。
    • 为了防止 Web 应用程序在内部以兼容模式运行,在 Internet Explorer 中,单击 Tools > Compatibility View Settings 并清空所有三个复选框。

过程

完成以下步骤,录制一个 Web UI 测试:

  1. 在测试工作台中,单击 New > Test From Recording。另外在工具栏上,单击 New Test From Recording 图标。 New test from recording 图标
    图 1. 录制会话
    录制会话
    录制会话
  2. 单击 Create a test from a new recording 并选中 Web UI Test
  3. 可选:单击 Select test type after recording ,首先创建记录,然后在出现提示时,选择通过该录制所生成的测试类型。

    备注:只有在单击 File > New > Test From Recording 时才可以使用该选项。

  4. 如果正在录制敏感数据,可单击 Recording Encryption Level 并选择录制的加密级别。单击 Next
  5. 单击 Create the parent folder 图标,创建一个测试项目。 Create the parent folder 图标
  6. 输入测试的名称。单击 Next
  7. 选择要使用的 Web 浏览器并单击 Next。客户端应用程序的类型定义了要使用的录制程序。
    图 2. 录制程序设置
    录制程序设置
    录制程序设置
  8. Recorder Settings 页面中所指定的首选项取决于在上一步中选择的浏览器。选择适当的选项。
    1. 如果服务器要求客户端 SSL 认证,就提供客户端证书密钥库,让服务器能够对代理录制程序进行身份验证,就好像代理录制程序是客户端一样。选中 The server requires a specific client certificate 复选框。指定服务器证书密钥库的文件名和密码。如果需要多个证书,单击 Multiple certificate,并单击 Add,为每个主机名和端口指定证书密钥库的文件名和密码。
      • 如果选择了 Mozilla Firefox 或 Microsoft Internet Explorer,并且还希望使用 HTTP 录制程序来录制 HTTP 浏量,单击 Save 将 RPT Trusted Root Certification Authority (IbmRptRootCA.cer) 添加到 Trusted Root Certification Authorities(通常在 C:\Program Files (x86)\IBM\IBMIMShared\plugins\com.ibm.rational.test.lt.recorder.proxy_version\SSLCertificate 中)。
      • 如果选择了 Mozilla Firefox,可以选择使用一个临时的 Firefox 配置文件。此选项在启动 Firefox 时将没有可能与您平时的配置文件相关联的任何书签、插件或工具栏。 选中 Use an alternate Firefox profile 复选框,然后选中 Use a temporary Firefox profile
    2. Advanced 中的 Also record HTTP traffic 复选框可帮助您在录制中捕获应用程序的性能信息。由于主要是对测试应用程序的功能方面感兴趣,所以取消选中该复选框。
    3. 还可以指定是用 HTTP 还是 SOCKS 代理录制程序来审查和编辑浏览器所使用的网络连接设置,单击 Advanced,并指定代理录制程序。
    4. 为了指定高级 SSL 身份验证设置,单击 Advanced。如果使用 SOCKS 录制程序,默认情况下使用 RptCertificate.jks 证书。
      • 选中 The client requires a specific server certificate 并单击 Add,指定服务器的主机名、端口、证书数据库路径,以及计划要测试的每个网站的证书数据库密码。如果选中 Generate certificate,对于 SOCK 代理所接收到的、由您所列出的服务器主机名所解析的任何 IP 地址,SOCKS 代理都使用由 RPT 证书颁发机构所签署的生成证书,从而确保实现顺利的录制
      • 如果选中 Override browser settings,则选中 Accept SSL 3.0Accept TLS 1.0,或两者都选中。
  9. 开始录制并且浏览器启动后,在浏览器地址栏中键入要测试的 Web 应用程序的地址。
  10. 在浏览器中完成用户任务后,停止录制程序。停止录制的方法有两种,一是关闭接受测试的 Web 应用程序,二是单击 Recording Control 视图中的 Stop 图标。 Stop 图标

编辑 Web UI 测试

Rational Test Workbench 有许多特性可改进您的测试。例如,您可以创建变量,使用 数据池,拆分测试,使用自定义代码等。在本文中,您将学习如何使用一个包含产品列表的数据池,并使用一个循环来多次运行测试,从数据池中获取每个产品。

这是样本数据池,其中列出了两个产品。

图 3. 数据池编辑器
数据池编辑器
数据池编辑器

现在,将该数据池与测试中用户将在 Search 字段输入产品名称的步骤相关联。

要关联数​​据池与测试:

  1. 选择用户准备在搜索字段中输入产品名称的步骤。
  2. 在 User Action Details 窗格中选择产品名称。
    图 4.测试编辑器,您需要替换其中的值
  3. 右键单击名称,单击 Substitute > Select Data Source,并单击 Datapool
    图 5. 选择数据源
    选择数据源
    选择数据源
  4. 选中包含产品名称的列,然后单击 Finish
    图 6. 选中数据池列
    选中数据池列
    选中数据池列
  5. 在 Select Data Source 中,选中数据池复选框并单击 Select。如果系统提示您继续查找并替换其他名称,单击 No

    请注意,该产品名称现在是用绿色突出显示的,表明该名称将在运行时被替换。

    图 7.测试编辑器,使用了替换值
    测试编辑器
    测试编辑器

    现在将循环添加到测试中,以便多次运行测试,从数据池获取所有值。

    要将一个循环添加到测试中:

  6. 选中测试的 Launch 应用程序节点。
  7. 单击 Insert > Loop
  8. 在 Loop Details 区域,将 Iterations 设置为 3。此值表示测试被设置为迭代三次。
    图 8.循环编辑器
    循环编辑器
    循环编辑器

    您已经通过在测试中加入数据池和循环来改进了测试。现在运行该测试。

运行 Web UI 测试

运行测试可帮助您确定应用程序的行为是否与预期保持一致。运行测试后,可以看到该测试的实时 Web UI 报告、性能报告,以及测试日志。您还可以生成一个功能性测试报告。

提示:录制测试后,在编辑它之前立即运行该测试,这样就可以解决因录制而导致的错误。

您可以在录制时所用的相同 Web 浏览器中运行 Web UI 测试,也可以使用所支持的另一个 Web 浏览器。在其他 Web 浏览器上播放测试的时候,就相当于在这些浏览器上测试该应用程序的功能。如果要在移动设备上渲染同一个应用程序,可以在移动设备或仿真器上播放相同的测试。在不同的浏览器、设备和仿真器上播放同一个测试,可确保对于各种应用程序访问模式而言,测试覆盖是全面。

在移动设备上运行 Web UI 测试的时候,使用 Rational Test Workbench Mobile Web Recorder 播放该测试。这是用于在移动设备上播放网络应用程序测试的浏览器。对于 iOS,您必须从 Apple 商店安装 Rational Test Workbench Mobile Web Recorder。对于 Android,在主屏幕上点击 Manage Web Applications 时,系统会提示您安装 Rational Test Workbench Mobile Web Recorder。为了在移动设备或仿真器上运行 Web UI 测试,设备必须连接到测试工作台,必须使用被动模式,并且您必须至少从设备运行一次该测试。

您还可以通过复合测试或  IBM® Rational® Quality Manager 运行测试。

要从工作台启动一个 Web UI 测试的试运行:

  1. 在 Test Navigator 视图中双击该测试来打开它。
  2. 在测试编辑器中,单击 Run Test。
  3. Run Configuration 对话框中,在 Run using 列中选中要在哪个 Web 浏览器或移动设备上运行测试。
    图 9.运行配置
    运行配置
    运行配置

    备注:

    列表中只显示了计算机上已安装的,并且  Web UI  扩展可以支持的那些 Web 浏览器。

  4. 单击 Finish。 此时会打开所选择的 Web 浏览器并播放测试。如果在移动设备上播放,就会在设备上播放该测试。播放测试的时候,不要在 Web 浏览器或移动设备上执行任何操作。统计数据和现场报告会显示播放测试时的实时数据。

查看报告

测试运行结束后,显示 Mobile and Web UI 报告和统计报告。Mobile and Web UI 报告显示测试运行以及每个步骤的状态。如果有任何故障,该报告会显示每个失败步骤的故障。

图 10.Mobile and Web UI 报告
Mobile and web UI 报告
Mobile and web UI 报告

统计报告显示所有测试步骤的响应时间。

图 11.统计报告
统计报告
统计报告

该报告位于 Test Navigator 视图的 Results 文件夹内。

结束语

您已学会了如何使用 Rational Test Workbench 的 Web UI 扩展来录制、编辑和运行 Web 应用程序测试。


相关主题


评论

添加或订阅评论,请先登录注册

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=10
Zone=Rational
ArticleID=993063
ArticleTitle=使用 Rati​​onal Test Workbench Eclipse Client 8.6 的 Web UI 扩展测试 Web 应用程序
publish-date=12172014