採用 OPA5 進行 SAP UI5 整合測試(Integration Test)的一個例子試讀版

i042416發表於2022-05-12
UI

一套適合 SAP UI5 初學者循序漸進的學習教程

教程目錄

說明

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 知之甚少的初學者，按照順序從第一個步驟開始循序漸進地學習，把這些程式碼下載到本地，配合教程的文字講解，自己動手，以加深理解。

大家如果對教程的每個步驟有任何疑問，歡迎在教程對應的步驟文章裡給我評論，進行留言。

本教程之前第 28 個步驟曾經介紹過使用 OPA5 進行 SAP UI5 整合測試的知識。

SAP UI5 應用開發教程之二十八 - SAP UI5 應用的整合測試工具 OPA 介紹

本文通過一個實際的例子來幫助大家鞏固對 OPA5 用法的掌握。

OPA5 是 One Page Application for SAP UI5 的縮寫。One Page 即 Single Page，單頁面應用。

使用 OPA5 開發的測試用例，屬於測試金字塔中 IntegrationTest 即整合測試的範疇。

本文介紹的例子，測試一個支援延遲載入的 SAP UI5 表格控制元件。

能看到這個表格預設只從本地 Mock 伺服器讀取了 20 條資料：

點選表格控制元件底部的 More 按鈕，會觸發另一個 OData 請求，讀取餘下的三條資料。

訪問另一個 url，可以啟動對這個表格控制元件的整合 OPA5 測試：

在 OPA5 測試報告輸出頁面裡，能看到這個整合測試包含兩個測試點：

  1. 表格控制元件預設應該顯示 20 條資料。
  2. 點選 More 按鈕後，表格控制元件總共應該顯示 23 條資料。

下面是這個 OPA5 整合測試的詳細開發步驟。

相關文章