自動化測試,讓你上班擁有一杯咖啡的時間 | Day 5 — 執行自動化測試腳本

史卯郁
Sep 19, 2021

--

此系列文章會同步發文到13th鐵人賽,有興趣的讀者可以前往觀看喔。

寫完 cypress 腳本後,可以用命令列和 GUI(Graphical User Interface) 執行腳本。

方法一:使用命令列來執行腳本

  1. cd/your/project/path
  2. 在命令列上輸入指令 npm run cypress:run
  3. 用命令列執行腳本時,無法看到 chrome 畫面

方法二:透過 GUI 來選擇要執行的腳本

  1. 在命令列上輸入命令 npm run cy:open,就可以打開 GUI

2. 可以一次執行一個腳本或是點選 Run all specs 執行全部腳本

3. 執行腳本後,在瀏覽器上可以看到執行結果。左邊為所有的腳本,可以看到執行結果為通過或失敗,有友善的報錯訊息,或是可以按 f12 看執行錯誤的畫面方便除錯。右邊則是腳本在瀏覽器跑的畫面。

4. 在 cypress/screenshots 資料夾會有錯誤畫面的截圖,在cypress/videos 資料夾會有執行過程的影片回放。

連假快樂!那我們下一篇見啦

--

--