前端測試 - Protractor for .NET

前端測試 - Protractor for .NET

晚上11:19   AngularJS, C#,

除了Protractor end to end testing for AngularJS撰寫js腳本，透過Node.js進行測試之外，亦可透過Visual Studio測試專案來進行Protractor前端測試，兩者撰寫腳本的風格相似 網友bbaia已將範例上傳到Github，範例提供.Net35與.Net40兩種版本，下載後開啟Protractor-NET40 Solution Protractor-NET40 類別庫提供了操作Ng的功能，可是Sample專案出現警嘆號，只要建置方案後exe就會自動會載入，和Protractor end to end testing for AngularJS一樣都使用chromedriver.exe 開啟Visusl Studio 2013，新增單元測試專案 有幾項準備工作要先進行 1、安裝Protractor套件 2、Protractor-NET40 類別庫加入至方案，記得測試專案要將Protractor-NET40加入專案參考 3、chromedrive.exe加入至專案 可以開始撰寫單元測試腳本了 腳本：AngularJS官網的TodoList新增項目 執行後就能在瀏覽器看到新增項目write first protractor test ...

Continue Reading

前端測試 - Protractor end to end testing for AngularJS

前端測試 - Protractor end to end testing for AngularJS

晚上9:17   AngularJS, Node.js,

在 [AngularJs] 使用Protractor作前端測試-入門 一文提到使用Protractor來作前端的單元測試，先依使用者操作方式撰寫Nodejs腳本，透過Node.js command prompt啟動Selectium(ChromeDriver.exe)執行腳本，除了檢測AngularJS程式碼的正確性，同時達到自動化測試，減少人工測試的時間成本 Protractor end to end testing for AngularJS 已將範例放在 GitHub ，js腳本內容設定在 AngularJS官網 進行查詢作業 開啟Node.js command prompt執行下列command，安裝套件 npm install -g protractor webdriver-manager update 接著就開始進行測試，第一步進入網站根目錄並啟動Server cd E:\protractor-master webdriver-manager start 第二步執行測試腳本 cd E:\protractor-master\example protractor conf.js conf.js記錄要執行的腳本 Selectium會開啟Chrome瀏覽器依照腳本內容進行查詢作業 疑~執行結果有2個錯誤 回過頭查看執行過程，原因是Selectium找不到element PS：by.repeater、by.model，是AngularJS沒錯 部份情況下(例如By.XPath)尋找element是以畫面內容為主，而不是全部HTML，在瀏覽器畫面看不到的element自然就無法使用 另外command執行很快，建議撰寫腳本時適度讓command暫停一下，確定等會要操作的element都載入後再繼續執行腳本，才不會又發生找不到element的情況 自動化測試不用求快，正確地將腳本內容執行完較重要 範例主要是了解運作內容與過程，回到 Protractor end to...

Continue Reading

Debug Failure. False expression: start must be non-negative, is undefined

Debug Failure. False expression: start must be non-negative, is undefined

晚上9:31   C#, TypeScript,

筆者使用VS2013撰寫1.4版TypeScript，建置專案出現 Debug Failure. False expression: start must be non-negative, is undefined 從錯誤訊息不易了解問題原因為何，同事提及這跟ts編碼有關，例如使用中文字，這次也沒使用中文，還是遇到了 有 網友 回覆原因是ts檔的編碼變成「西歐語系 (Windows) - 字碼頁 1252」 ，而非UTF-8 筆者還不確定問題發生原因，什麼情況下才會發生，不過還是可以先解決Debug Failure，點選「檔案>進階儲存選項」 奇怪?找不到「進階儲存選項」，因為在建置時ts檔已經儲存，先打開發生問題的檔案，修改內容或加上空白，讓檔案變成未儲存狀態，此時「進階儲存選項」就出現了 選擇「Unicode (UTF-8 有簽章) - 字碼頁 65001」，點選「確定」 重新建置專案，畫面上會提醒ts檔的編碼方式已發生變更，點選「確定」，接著專案就能建置成功 ...

Continue Reading

Connect to Visual Studio Online Team Project

Connect to Visual Studio Online Team Project

晚上8:43   C#,

開啟VS2013，點選「Team Explorer」 點選「插頭」(連接到Team專案)後再選取Team專案 點選「伺服器」後再點選「加入」 輸入VS Online URL後點選「確定」，這樣連線就完成了，接著要建立工作區 進入「原始檔控制總管」 來源位置會是剛才加入的VS Online URL，點選「工作區」 點選「加入」，建議1個Team專案對應1個工作區，避免工作區混用 工作區名稱自訂，方便識別專案即可，建議「原始檔控制資料夾」選擇Team Project的根目錄，之後進行版本控管較為方便，「本機資料夾」名稱可跟VS Online URL相同，但不要放在C disk，筆者就遇過SSD突然掛點 切換到上一步新建立的工作區，淺灰色代表尚未下載的專案 從專案根目錄取得最新的程式碼，省去一個一個下載專案的時間 下載完先開啟VS Solution，建置沒問題就可以開工了… ...

Continue Reading