说明
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
在 Jerry 这篇文章 对 SAP UI5 一无所知的新手,从哪些材料开始学习比较好? 曾经提到,Jerry 也是从 SAP UI5 菜鸟一路走过来,深知只有 ABAP 开发背景的开发者,向 SAP UI5 开发领域转型的不易,因此我在业余时间设计了这份适合 SAP UI5 初学者的学习教程,把开发一个完整的 SAP UI5 应用的流程,拆分成若干个步骤,力求每个步骤里,把涉及到的知识点都涵盖到。这些知识点可能不像我的 UI5 源码分析系列文章那么深入,但力求浅显易懂,便于 SAP UI5 初学者理解。
本教程每一个步骤的源代码,都存放在我的 Github 上,分别用文件夹 01,02,03 等等来标识,例如步骤 1 的源代码在这里。
每一个步骤均是前一步骤的基础上,添加了若干新特性。建议零基础或者对 SAP UI5 知之甚少的初学者,按照顺序从第一个步骤开始循序渐进地学习,把这些代码下载到本地,配合教程的文字讲解,自己动手,以加深理解。
大家如果对教程的每个步骤有任何疑问,欢迎在教程对应的步骤文章里给我评论,进行留言。
本教程的前一步骤,我们介绍了如何使用 OPA5 对一个包含表格控件的 SAP UI5 视图进行集成测试,即通过代码的方式,点击表格控件底部的 More 按钮,测试其是否按照我们期望的那样,加载更多的数据:
SAP UI5 应用开发教程之八十一 - 采用 OPA5 进行 SAP UI5 集成测试(Integration Test)的一个例子
本文我们继续 OPA5 框架的学习,使用它来对表格控件的行项目,点击之后跳转到行项目对应的明细页面的功能进行集成测试。我们学会了使用 OPA5 测试 SAP UI5 页面跳转功能之后,就能极大程度上提高 SAP UI5 应用的集成测试覆盖率,因为现实项目中,一个 SAP UI5 应用通常都由若干视图构成。
先看按照本步骤开发完毕之后,达到的效果。
其中黄色高亮区域是前一步骤实现的 2 个集成测试用例,绿色高亮的 3 个是本文实现的测试用例,分别测试了如下功能:
- 当点击表格控件任意一个行项目之后,能跳转到该行项目的明细页面;
- 点击 Back 按钮之后,能够从明细页面
回退
到表格页面。 - 点击浏览器的前进按钮,可以从表格页面再回到之前跳转过的行项目明细页面。
在开始本步骤的学习之前,请务必保证您已经完成了步骤 81 的学习:
SAP UI5 应用开发教程之八十一 - 采用 OPA5 进行 SAP UI5 集成测试(Integration Test)的一个例子。
下面我们详细讨论上图三个集成测试用例的具体实现。