下面的联系阐明了如何使用 SOAtest 执行 Web 接口上的功能测试。它包含:

前言

Web 接口测试很难自动化。团队经常放弃自动化测试,而使用手动测试来代替,因为存在太多的误报或维护测试套件需要太多的工作。

SOAtest 有助于创建可靠的自动化测试套件。它将测试隔离到 Web 接口的特定元素的能力消除了噪音,并提供了精确的结果。

SOAtest 在无需脚本的情况下便可隔离和测试独立的应用程序组件,用于跨多个浏览器的正确功能。动态数据可以用常数数据来剔除,以降低测试用例噪音。验证可以在页面对象级别上执行,也可在 HTTP 消息级别上执行,SOAtest 还通过异步 HTTP 消息存根函数在预期和意外情况下验证客户端 JavaScript 引擎。


跨浏览器测试和验证视频概要

浏览器中的录制

执行以下练习之前,请确保已启动了 ParaBank 服务器(如 Setting Up ParaBank中所述),并且您可以成功导航到默认地址(localhost:8080/parabank)。验证之后关闭浏览器窗口。

若要在浏览器中进行录制:

  1. 右键单击以前练习的项目,然后从快捷菜单中选择 Add New> Test (.tst) File



  2. 输入文件名称,然后单击 Next
  3. 选择 Web> Record web scenario ,然后单击 Next



  4. 在第一个记录 Web 场景向导页面,请确保选中了 Record new web scenario ,然后单击 Next



  5. 完成下一个记录 Web 场景向导页面:
    1. Test Suite Name 字段中输入 Web Functional Testing 
    2. Start Recording From 字段输入 localhost:8080/parabank

      Internet Explorer 注意事项

      如果要在这里和整个教程中使用 Internet Explorer 录制或回放此测试,则使用本机名称代替 localhost
    3. 确保选中以下项,而不选择其他:
      • 生成功能测试
      • 生成异步请求测试。



    4. 点击 Finish 按钮。将开始测试,并打开浏览器窗口。
  6. 在打开的浏览器窗口中,执行以下操作:
    1. john 键入到 Username 字段。
    2. demo 键入到 Password 字段。
    3. 单击 Log In



    4. 单击帐户概要页面中列出的第一个用户号(12345)。



    5. 单击 Log Out



    6. 关闭浏览器,结束录制。在测试用例资源管理器视图中,SOAtest 创建一个新的 .tst 文件和包含刚记录的场景的测试套件。
  7. 展开测试用例资源管理器中新的测试套件节点,查看录制期间为每个用户操作创建的测试。

添加数据源

若要添加数据源:

  1. 右键单击 Scenario:Web Functional Testing 节点,然后从快捷菜单选择 Add New> Data Source



  2. 在新项目数据源向导中,选择 Table 并单击 Finish



    将添加一个新的 Data Sources 节点到 Scenario:Web Functional Testing 分支。
  3. 在 GUI 右侧打开的新的数据源表配置面板中,确保选中了 First row specifies column 名称多选框。
  4. 在列 A 的顶部单元格输入 Account Number ,在相同的列中,在行 1 中输入 12345 ,行 2 中输入 13344



  5. 单击 Save 保存更改。

参数化表单输入

若要参数化操作:

  1. 展开 Scenario:Web Functional Testing 分支,查看与单击帐号相关的记录操作。
  2. 双击 Test 3:单击“12345” 节点,打开测试配置面板。
  3. 注意, Pre-Action Browser Contents 选项卡显示什么页面看起来与执行测试操作(单击“12345”)前类似。它使用蓝色边框突出显示该测试的用户操作。



  4. 在测试配置面板中,打开 User Action 选项卡。
  5. 在元素定位器部分,将 Attribute valueFixed 更改为 Parameterized
  6. 从立即出现在右边的菜单中选择 Account Number



  7. 单击 Save 保存更改。
  8. 运行测试。它将单击 <a> 元素,该元素已使用数据源中输入的帐号进行了参数化。

在页面元素上配置验证

若要在页面元素上配置验证:

  1. 完成展开 Scenario:Web Functional Testing 分支。
  2. 双击 Scenario:下的浏览器内容视图器。Form login> Test 3:单击Log In



  3. 在浏览器内容视图器面板中,右键单击出现在账号 12345 旁的美元金额文本(-$2300.00),并从快捷菜单中选择 Extract Value from <TD> element



  4. 在打开的对话框中,请确保选中了 Property name 框中的 text 属性,然后单击 Next



  5. 完成下一页,如下:
    1. 选择 Isolate partial value using text boundaries 框。
    2. Left-hand text 字段中,输入 -$。您将看到‘Preview of Value to Validate…’文本现在仅包含美元金额。您添加的左侧文件从验证中删除美元金额,允许您集中验证实际金额。



    3. 单击 Next
  6. 确保选中了 Validate the value ,并在呈现的页面上显示期望的文本。



  7. 单击 Finish。将向该测试添加浏览器验证工具。正如红色突出显示所表示的那样,设置它是为了检测所选定的元素是否与应用程序的发展保持一致。

配置存根

存根是记录 web 场景时 SOAtest 保存的静态数据。存根通过向客户端(而不是实际的服务器响应)提供不变的数据,有助于验证对客户端代码的任何更改都不会影响最终结果的 html 页面。

若要配置浏览器存根:

  1. 展开 Scenario:Web Functional Testing 分支。
  2. 右键单击 Scenario:Form login> Test 3:单击Log in ,并从快捷菜单选择 Add Output



  3. 在打开的 Add Output 向导中,选择 HTTP Traffic,然后单击 Next



  4. 选择 http://localhost:8080/parabank/overview.htm ,并单击 Next



  5. 在左侧面板中,选择 Both> Stub Request/Response
  6. 在右侧面板中,选择任意 Browser Stub
  7. 单击 Finish



  8. 在浏览器存根配置视图(GUI 右侧已打开)的响应体部分,将表中的美元金额从现有值 -$2300 更改为 $1000.00。
    • 实现这一点最简单的方法是,将响应体中的整个文本复制到文本编辑器(如:Notepad)中,然后使用该编辑器的搜索功能找到以前的美元金额,更改其值,然后复制编辑器中所有文本,并替换掉响应体中的现有文本。
    • 这将代替实际的服务器提供此响应。



  9. 单击 Save 保存更改。

在浏览器中播放录制的场景

若要在浏览器中回放录制的场景:

  1. 在测试用例资源管理器中,选择 Scenario:Web Functional Testing 节点。
  2. 单击 Test 工具栏按钮。

对于每个搜索值,一旦我们在本示例的前一节中进行了参数化,则现在可在您的浏览器中回放录制的场景,请等待浏览器中播放的每一个操作。

注意,如果您一直按照教程学习,则将报告错误,因为以前添加了浏览器存根工具。这是该练习预期的效果。

在 Web 场景执行期间执行静态分析

若要配置 SOAtest,以便在 web 场景执行时对浏览器下载的 Web 网页执行静态分析:

  1. 在测试用例资源管理器中,选择 Scenario:Web Functional Testing 节点。
  2. 打开 Test 工具栏按钮的下拉菜单,然后选择其中一个可用的静态分析配置。



当 SOAtest 完成静态分析时,质量任务视图中将显示静态分析违规。为了方便审查这些结果:

  1. 打开质量任务驶入右上角的下拉菜单。



  2. 选择 Show> SOAtest Static Analysis for Functional Tests Layout
  • No labels