本教程之前的文章，我們已經介紹了測試金字塔理論裡的單元測試(Unit Tests)和元件測試(Component Tests)概念，介紹瞭如何用 SAP UI5 QUnit 和 OPA 這兩個框架，編寫單元測試用例和整合測試用例：

* [SAP UI5 應用開發教程之七十九 - 採用測試驅動開發理念(Test Driven Development)進行 SAP UI5 應用的功能開發(一)](https://blog.csdn.net/i042416/article/details/124563162)

* [SAP UI5 應用開發教程之八十 - 採用測試驅動開發理念(Test Driven Development)進行 SAP UI5 應用的功能開發(二)](https://blog.csdn.net/i042416/article/details/124567472)

* [SAP UI5 應用開發教程之八十一 - 採用 OPA5 進行 SAP UI5 整合測試(Integration Test)的一個例子](https://blog.csdn.net/i042416/article/details/124584580)

* [SAP UI5 應用開發教程之八十二 - 採用 OPA5 開發支援頁面跳轉的 SAP UI5 整合測試用例](https://jerry.blog.csdn.net/article/details/124624593)

![](https://img-blog.csdnimg.cn/img_convert/4aff9f73eb4e7956e27769ff08037b45.png)

在之前文章的介紹裡，我們都是透過訪問一些特殊的 url 連結，來分別啟動並執行 SAP UI5 單元測試和整合測試用例，並從該連結檢視測試用例執行的報表輸出。

比如下圖是 SAP UI5 QUnit 單元測試用例執行結果的報表：

![](https://img-blog.csdnimg.cn/img_convert/a0fb1d8dff27c3d9a8d5ca42ff887fe5.png)

下圖是 SAP UI5 OPA 整合測試用例執行結果的報表：

![](https://img-blog.csdnimg.cn/img_convert/a99f32b7c70033091a95a7e39d807910.png)

在實際正規軟體開發過程中，比如 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 的整合測試用例，並且顯示執行結果：

![](https://img-blog.csdnimg.cn/img_convert/04cb1a15c9cd3ccc1cc9ba0d7e9b5eea.png)

![](https://img-blog.csdnimg.cn/img_convert/bdea31b098d1449eafbf32395034982c.png)

SAP UI5 的自動化測試套件頁面的開發步驟介紹

相關文章