[AngularJs] Protractor-Page Object 實作

  一開始在撰寫測試腳本並不會去考慮reuse這件事，但隨著測試腳本開始變多、變複雜時，就會看到要測同一支程式，但相同的語法散落在不同的腳本。例:a-spec.js與b-spec.js有一大段是輸入表單值的部份。幸好根據此問題，在網路有蠻多篇介紹使用Page Object Pattern的撰寫方式來解決。本文會介紹如何在Visual Studio 2013 如何實作此Pattern。

開發工具設定

Visual Studio的TypeScript Module System需要設定為CommonJs，此為NodeJs載入模組設定
image

撰寫 Page Object

1.新增caculatorPage.ts 重點如下
  • 將元素變成全域屬性，這樣在其他方法都可以使用
  • 將瀏覽該網頁封裝方法open()
  • 將計算所需的輸入封裝方法caculate
image

2.新增測試腳本caculator-spec-page-object.ts 重點如下:
  • 注入PageObject :import app=require(相對檔案路徑)
  • 本來直接使用element(by..)，改使用pageObject提供的方法、屬性來操作
image

下圖為caculator-spec.ts跟上圖作比較
image

Summary

透過Page Obejct Patten的撰寫方式，雖然在撰寫上會比原本要複雜點，但可以提高測試程式的 reuse及更方便管理，個人覺得是很值得的。
範例下載:Github


相關參考

http://jagodevreede.blogspot.tw/2014/03/writing-page-objects-for-angularjss.html

這個網誌中的熱門文章

IIS 設定只允許特定IP進入

圖片
公司有兩台Web Server，一台對外，一台對內，現在要合併在一起，。預設網站將針對特定IP開放，而某幾個網站則對外完全開放。 如何使用  1.新增功能- IP and Domain Restriction 安裝後，在IIS Root或各網站下可以看到功能圖示 2. 設定IIS Root的存取從Allow改成Deny 3.IIS Root針對特定IP或範圍打開，本例的Mask設為255.255.255.0 代表著192.168.2.0~255可以存取 4.將特定網站對外開放 由於在第2點的IIS Root已設為deny，所有網站會繼承這個設定，而子網站自行修改值的話，則會以子網站為主，這樣就達到預設是deny，而部份是Allow 所有的設定會儲存在IIS的組態內 %windir%\System32\inetsrv\config\applicationHost.config 上述的設定操作，也可以透過Power Shell 執行 $value = @{allowed = "true" ;ipAddress = "192.168.0.1" ;subnetMask = "255.255.255.0" } #1.Setting Root Site as deny Set-WebConfigurationProperty -Filter /system.webserver/security/ipsecurity -Name allowUnlisted -Value $false #1.1 Setting Root Site denyAction as NotFound Set-WebConfigurationProperty -Filter /system.webserver/security/ipsecurity -Name denyAction -Value 'NotFound' #2.Root Site add Allow Ip add-webconfiguration /system.webServer/s
繼續閱讀