發表文章

目前顯示的是 七月, 2015的文章

[Power Shell] 透過排程執行 Protractor測試

圖片
這兩天寫完了Protractor測試後,在本機執行沒問題後,將執行語法作成一個.bat檔後,放到測試主機Window Server 2012的排程工作執行。但一直無法出現測試畫面 (但手動執行.bat ok),本還以為是Window 2012後不支援.bat的排程執行=.=,後來查到是要設為"登入時才執行"。

[AngularJs] Protractor實用套件整理

圖片
這陣子在Survery前端e2e測試的一些撰寫方式及輔助套件,將一些實用的記錄下來,以便日後查詢。
開發及測試環境使用NodeJS作測試 Visual Studio 2013+TypeScript撰寫測試Script Visual Studio 套件新增一個Web 空專案
安裝protractor的TypeScript套件 angular-protractor: browser、element、by.model、by.binding 等語法支援 jasmine : BDD測試Script,例: descript( """) it(“’….”)
NodeJS套件執行NodeJs Commad,並切換到專案目錄,執行npm init 初始化package.json,過程會要你輸入相關資訊,按照預設值可以一路按enter,此檔案會建立專案資訊及記錄相依套件 。

npm init

安裝測試套件protractor

npm install -g protractor更新webdriver

webdriver-manager update安裝jasmine-reporters,此套件可以幫助你將測試結果輸出到目錄

npm install jasmine-reporters --save-dev 建立Protractor 組態設定protractor 參考jasmine-reporters 參考



撰寫測試程式 1.直接引用官方範例,在spec目錄下新增caculator-spec.ts的TypeScript檔案



2.執行測試

protractor protractor-conf.js
執行後會啟用chrome瀏覽到測試網頁,並輸入1跟2後送出,再驗證結果是否相符



3.測試結果



輸出到目錄的xml檔案



範例下載:Github

相關參考
http://ramonvictor.github.io/protractor/slides/#/

https://angular.github.io/protractor/#/tutorial

https://github.com/larrymyers/jasmine-reporters