自動化Web GUI結合JavaScript單元測試：以Activity Diagram為例

Automated Testing of Web GUI with JavaScript Unit Test - A Study for Activity Diagram

楊詠翔(Yung-Hsiang Yang)

指導教授 ： 留忠賢

中原大學/電機資訊學院/資訊工程研究所/碩士(2015年)

https://doi.org/10.6840/cycu201500963

摘要

許多網頁系統的開發，在考慮到互動性與效能的情況下，常常需結合JavaScript的程式撰寫。使用一般Web GUI 的測試，通常不能完整測試JavaScript程式，以及JavaScript和Server端的完整互動。
在本文中，我們提出以活動圖(Activity Diagram)來描述測試流程，並自動化產生測試腳本之系統，我們的活動圖有兩種Node， 第一種Node負責描述操作Web GUI與其流程，而第二種Node負責描述JavaScript Unit Test 。程式根據以上兩種Node所描述出來的BPMN檔案轉換成Web GUI 自動化測試碼與JavaScript Unit Test 測試檔，並且可以利用不同的瀏覽器來執行測試，可以幫助確認網頁功能是否正常。

關鍵字

自動化測試 ； UML Activity Diagram ； Selenium WebDriver ； JavaScript Unit Test ； YUI Test

並列摘要

When developing web-based systems, JavaScript is commonly used because of efficiency and user interaction consideration. However, it is difficult to test Javascript and its interaction with Server completely.
In this thesis, we proposed to use Activity Diagram to model the testing process of a web-based application. Our Activity Diagram consists of two kinds of nodes, one kind of node is used to describe Web GUI test, another kind of node specifies JavaScript unit test. Our test system will read the XML file to generate code for Web GUI test and code for JavaScript unit test, which can be executed on browsers to test the system functions.

並列關鍵字

Automated testing ； UML Activity Diagram ； Selenium WebDriver ； JavaScript Unit Test ； YUI Test

參考文獻

[12] 尤冠文, “應用Sahi自動化測試工具來自動化測試BPMN應用系統,中原大學資訊工程學系碩士學位論文, July 2013.

[14] 李易安, “客製自動化XML測試腳本：以Activity Diagram為例”中原大學資訊工程學系碩士學位論文, July 2014.

[13] 陳佑任, “使用Activity_Diagram撰寫網頁測試腳本系統之設計,” 中原大學資訊工程學系碩士學位論文, July 2013.

[4] Sikuli, September 2013. http://www.sikuli.org/

[7] BPMN, June 2013. http://www.bpmn.org/