SAP UI5 的自动化测试套件页面的开发步骤介绍

Posted 2022-05-16 JerryWang汪子熙

本教程之前的文章，我们已经介绍了测试金字塔理论里的单元测试(Unit Tests)和组件测试(Component Tests)概念，介绍了如何用 SAP UI5 QUnit 和 OPA 这两个框架，编写单元测试用例和集成测试用例：

• SAP UI5 应用开发教程之七十九 - 采用测试驱动开发理念(Test Driven Development)进行 SAP UI5 应用的功能开发(一)
• SAP UI5 应用开发教程之八十 - 采用测试驱动开发理念(Test Driven Development)进行 SAP UI5 应用的功能开发(二)
• SAP UI5 应用开发教程之八十一 - 采用 OPA5 进行 SAP UI5 集成测试(Integration Test)的一个例子
• SAP UI5 应用开发教程之八十二 - 采用 OPA5 开发支持页面跳转的 SAP UI5 集成测试用例

在之前文章的介绍里，我们都是通过访问一些特殊的 url 链接，来分别启动并执行 SAP UI5 单元测试和集成测试用例，并从该链接查看测试用例执行的报表输出。

比如下图是 SAP UI5 QUnit 单元测试用例执行结果的报表：

下图是 SAP UI5 OPA 集成测试用例执行结果的报表：

在实际正规软件开发过程中，比如 Jerry 之前参加过的 SAP UI5 产品前端开发工作中，我们在本地使用 git 提交代码修改之后，就会自动触发 Github 部署的自动化测试流程，自动执行所有配置好的单元测试和集成测试用例。从 git 代码提交到单元测试用例和集成测试用例的执行，一切都是自动化进行，开发人员并不需要手动访问一些链接来触发。这就是测试自动化和持续集成(Continuous Integration)的概念。

而要实现这个场景的关键，就是本文介绍的自动化测试套件页面。

所谓自动化测试套件页面(Automation Test Suite Page)，就是一个特殊的工具页面，测试人员通过该页面，可以同时启动多种类型的测试用例执行，并查看结果。

看个具体的例子：

​​https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/tutorial/testing/10/webapp/test/testsuite.qunit.html?sap-ui-theme=sap_fiori_3​​

访问上面的 url 之后，会自动执行 QUnit 和 OPA 的集成测试用例，并且显示执行结果：