使用 Jenkins 執行 selenium 網頁自動化測試

安裝Selenium Server

Selenium Server是用來提供非IDE介面執行自動化測試的入口,
官網提供的版本是由Java所撰寫而成,所以執行環境需要預先安裝好Java,
除此之外Selenium Server還提供了不同瀏覽器版本的Driver以供進行測試 (ex. IE, Chrome)
我們可以從官網下載Selenium Server,並存放至C:\Program Files (x86)\SeleniumServer

※測試Selenium Server運作
我們可以透過Command Line來進行Selenium Server的操作,
語法格式如下

    java -jar SeleniumServer位置 -htmlSuite 瀏覽器種類 測試Suite位置 輸出結果位置


開始執行我們的自動化測試,輸入以下指令
檢視原始檔複製到剪貼簿列印關於

    java -jar "C:\Program Files (x86)\SeleniumServer\selenium-server-standalone-2.25.0.jar" -htmlSuite "*firefox" http://ci-sample.kirkstudio.tw "C:\Users\kirkchen\Documents\githubproject\ci-sample\ci-sample.website.automationtest\TestSuite.html" "C:\Users\kirkchen\Documents\githubproject\ci-sample\SeleniumReport.htm" 



執行之後可以看到跳出瀏覽器視窗開始測試



※安裝Seleniumhq PlugIn
1. 進入Jenkins首頁後,點選左邊的管理Jenkins,再選擇管理外掛程式


2. 點選可用的,勾選Seleniumhq PlugIn,選擇安裝並重啟

3. 回到首頁,點選管理Jenkins,選擇設定系統

4. 輸入Selenium Server的位置並儲存


※設定專案執行自動化測試
1. 回到Jenkins專案首頁,進入設定畫面

2. 找到Build區段,新增SeleniumHQ htmlSuite Run

3. 設定自動化測試執行參數
4. 找到Post Build Action區段,新增Publish Selenium Report

5. 輸入報表位置SeleniumReport.html

※查看自動化測試報表
1. 回到專案首頁並執行建置,可以看到專案首頁出現結果



2. 點擊Selenium Report可以看到關於自動化測試的詳細報表



總結

我們設定完成了在部署之後自動執行自動化測試,
所以我們在也不需要害怕更新網站後沒辦法馬上發現問題,
而是在一部署完畢馬上就能得到一份測試報告,驗證網站的穩定性,
除此之外也可以在每日建置加入自動化測試,確保每天的修改沒有影響正常的功能運作,
有了Selenium這最後一塊拼圖,我們的CI Server有了單元測試、整合測試,
也有各種分析報表,所有我們開發專案都能夠以量化的方式呈現健康狀態,
大大的方便我們管理專案的開發和發布情況!


留言

這個網誌中的熱門文章

c語言-關於#define用法

CMD常用網管指令

PHP 與 JavaScript 之間傳值利用 json