Jerry 在之前做 SAP UI5 标准开发和现在使用 Angular 开发 SAP Spartacus 应用时,我们团队的开发规范就是,每增添一个新的前端 feature,必须要用一个新增的单元测试用例(test case) 与之配合。

本步骤我们会为步骤 21 SAP UI5 初学者教程之二十一 - SAP UI5 的自定义格式器 Custom Formatter 介绍的 Custom Formatter 创建一个单元测试用例,以介绍 SAP UI5 单元测试工具 QUnit 的使用方法。

本步骤包含的全部源代码,位于 Github 这个地址:

https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/27

按照本文步骤完成之后,访问 url:

http://localhost:8080/webapp/test/unit/unitTests.qunit.html

将会看到如下测试成功的提示网页:

下面是单元测试的详细实现步骤。

(1) 在步骤 27 的文件夹下面,找到 test 文件夹,新建一个 unit 文件夹,其内再新建一个 model 文件夹。里面存放的 formatter.js 文件,就是为我们第 24 个步骤开发的自定义格式器,开发的测试用例。

SAP UI5 应用开发教程之二十七 - SAP UI5 应用的单元测试工具 QUnit 介绍相关推荐

  1. SAP UI5 应用开发教程之二十 - SAP UI5 的表达式绑定用法讲解

    在本教程的前一步骤 SAP UI5 初学者教程之十九 - SAP UI5 数据类型和复杂的数据绑定 里,我们已经开发了一个具有金额和货币显示的发票列表,效果如下图所示: 本步骤我们继续对这个发票列表添 ...

  2. SAP UI5 应用开发教程之二十一 - SAP UI5 的自定义格式器(Custom Formatter)

    前一个步骤,我们已经通过 SAP UI5 的表达式绑定功能,给发票列表增添了动态高亮某些字段的功能: 对应的绑定表达式的值如下: 可以看到这些绑定表达式是直接在 XML 视图里编写的.如果自定义的逻辑 ...

  3. SAP UI5 应用开发教程之二十九 - SAP UI5 的路由和导航功能介绍试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  4. SAP UI5 应用开发教程之五十六 - SAP UI5 树控件(tree)的开发试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  5. SAP UI5 应用开发教程之四十一 - Chrome 扩展 UI5 Inspector 的离线安装和使用方法试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  6. SAP UI5 应用开发教程之三十九 - SAP UI5 应用出现白屏的一些常见错误和分析方法分享试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  7. SAP UI5 应用开发教程之三十四 - SAP UI5 应用基于设备类型的页面适配功能(Device Adaptation)试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  8. SAP UI5 初学者教程之二十七 - SAP UI5 应用的单元测试工具 QUnit 介绍试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 初学者教程之一:Hello World SAP UI5 初学者教程之二:SAP UI5 ...

  9. SAP UI5 应用开发教程之二十八 - SAP UI5 应用的集成测试工具 OPA 介绍

    本教程前一步骤,我们介绍了 SAP UI5 单元测试工具 QUnit 的使用方法.本步骤介绍测试金字塔模型中位于单元测试上层的集成测试在 SAP UI5 中的实现工具:OPA. 本步骤对应的源代码位于 ...

最新文章

  1. Google Chrome 增加拦截恶意下载的支持
  2. 好文 | 架构师更多的是和人打交道,说说我见到和听说到的架构师升级步骤和平时的工作内容
  3. 定制kali linux
  4. Common Knowledge_快速幂
  5. 读写Excel 用 xlsxwriter,openpyxl 更灵活
  6. Log4--Java日志记录器
  7. MySQL数据库基本操作1
  8. 关于sinX与y的大小比较取值范围计算
  9. 【机器学习课程笔记(吴恩达)】2.2 代价函数
  10. chrome等浏览器滚动全屏截图方法
  11. 程序员不做独行侠——沟通的核心是感受
  12. 天池竞赛:Docker 基本操作
  13. 新收集的WAPPUSH代码,并经过改造
  14. 计算机看到硬盘是空白状态,为你解决win7系统磁盘管理显示空白无法使用的处理方法...
  15. ElasticSearch、ES、es使用教程
  16. 只需几步,用Python3实现属于自己的搜索引擎
  17. 10以内加减法口诀表
  18. 香港科技大学计算机实验室,香港科技大学机器人实验室科研项目
  19. SpringAOP实现报错Bean named ‘userServiceImpl‘ is expected to be of type ‘.....‘
  20. 2018美国RSA大会专题 | 主题演讲嘉宾阵容大曝光

热门文章

  1. sqlserver存储过程入门之 游标
  2. TCP协议详解----Linux学习笔记
  3. Windows8.1硬盘安装Ubuntu14.04以及卸载Ubuntu14.04参考教程[图]
  4. Mysql的命令行操作
  5. (十四)java版spring cloud+spring boot 社交电子商务平台-使用spring cloud Bus刷新配置...
  6. JavaScript中发布/订阅模式的理解
  7. React解决长列表方案(react-virtualized)
  8. 特殊权限位set_uid set_gid   stick_bit 软链接硬链接
  9. A*寻路算法所生成的路径
  10. 如何设置 jqplot 图表插件的标题图例和直线