前端自動化測試?先從玩這個遊戲開始

這裡有一個遊戲,我們就稱作「1 to 50」吧,遊戲的規則是玩家需要從數字「1」按順序點到數字「50」,一個比速度的遊戲。

我最好的紀錄也要花大概1分鐘的時間來完成(我用touch pad玩的…)

遊戲的畫面是一個5×5的版面,上面充滿著數字,遊戲開始後從1點到50,看會用多少時間。


寫程式模擬操作過程

我們通過Chrome的開發者工具發現:

  • 所有的數字方塊都在一個class=”grid x5″的div裡面。
  • 每一個數字方塊也是由div包起來的,這其中除了一個<span>以外還包括了數字

然後我們就可以通過JQuery來:

  • 拿到所有的box,$(‘#grid div’)
  • 拿到box中的數字,box.textContent
  • 模擬點擊效果,$(box).trigger(‘tap’)

完整的code:


自動化執行效果:

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *