[自動化] - Taiko網頁自動化測試範例(一)

說明

以下的範例使用Taiko來做自動化的網頁操作，操作的內容:

   1. 打開瀏覽器
   2. 連線到租屋網
   3. 關掉廣告
   4. 點選租物的按鈕
   5. 選擇租屋範圍 (10000-20000元)
   6. 選擇格局 (2房)
   7. 選擇坪數(10-20坪)
   8. 排除頂樓加蓋
   9. 畫面滾動到特定位置
   10. 選擇特定租屋
   11. 移到屋況說明
   12. 拍下網站圖片

環境設置

環境設置的話請參考[End-to-End 測試] - Taiko介紹

程式碼

執行自動化

以下指令執行不會出現瀏覽器

$> taiko test.js

如果要出現瀏覽器的話，請執行以下的指令

$> taiko test.js  --observe

執行結果

[PASS] Browser opened
[PASS] Navigated to URL http://www.591.com.tw/
[PASS] Clicked custom selector $(#area-box-close) 1 times
[PASS] Clicked element matching text "租屋" 1 times
[PASS] Clicked element matching text "10000-20000元" 1 times
[PASS] Clicked element matching text "2房" 1 times
[PASS] Clicked element matching text "10-20坪" 1 times
[PASS] Clicked element matching text "排除頂樓加蓋" 1 times
[PASS] Scrolled to the element matching text "近西門町超平價兩房稀有釋出"
[PASS] Clicked element matching text "近西門町超平價兩房稀有釋出" 1 times
[PASS] Screenshot is created at Screenshot-1572784775035.png
[PASS] Browser closed

結論

寫這個範例沒有花太多時間Taiko的設計也很容易就達成自動化的需求，沒有太艱深的語法
很適合在開發的時候常常要一直做重複的是事情，例如某個表單功能每次改了程式要一直重複做輸入資料的動作，如果你也有常常做這些事的話Taiko會幫你省下很多時間。