此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。
寫完 cypress 腳本後,可以用命令列和 GUI(Graphical User Interface) 執行腳本。
npm run cypress:run
在命令列上輸入命令 npm run cy:open
,就可以打開 GUI
可以一次執行一個腳本或是點選 Run all specs 執行全部腳本
執行腳本後,在瀏覽器上可以看到執行結果。左邊為所有的腳本,可以看到執行結果為通過或失敗,有友善的報錯訊息,或是可以按 f12 看執行錯誤的畫面方便除錯。右邊則是腳本在瀏覽器跑的畫面。
在 cypress/screenshots 資料夾會有錯誤畫面的截圖,在cypress/videos 資料夾會有執行過程的影片回放。
連假快樂!那我們下一篇見啦