常見問題
當我想要執行 check(Screen/Element/FullPageScreen)
時,我是否需要使用 save(Screen/Element/FullPageScreen)
方法?
不需要,你不需要這樣做。check(Screen/Element/FullPageScreen)
會自動為您執行此操作。
我的視覺測試失敗並出現差異,我該如何更新基準線?
您可以透過命令列,加入引數 --update-visual-baseline
來更新基準線圖片。這將會
- 自動複製實際截圖並放入基準線資料夾中
- 如果出現差異,它會讓測試通過,因為基準線已更新
用法
npm run test.local.desktop --update-visual-baseline
當執行記錄資訊/偵錯模式時,您會看到以下記錄新增
[0-0] ..............
[0-0] #####################################################################################
[0-0] INFO:
[0-0] Updated the actual image to
[0-0] /Users/wswebcreation/Git/wdio/visual-testing/localBaseline/chromel/demo-chrome-1366x768.png
[0-0] #####################################################################################
[0-0] ..........
寬度和高度不能為負數
可能會擲出錯誤 Width and height cannot be negative
。十之八九這與建立不在視圖中的元素的圖片有關。請務必確保元素在您嘗試製作元素圖片之前處於視圖中。
在 Windows 上安裝 Canvas 失敗並出現 Node-Gyp 記錄
如果您在 Windows 上因 Node-Gyp 錯誤而遇到 Canvas 安裝問題,請注意,這僅適用於 4 版及更低版本。為避免這些問題,請考慮更新至 5 版或更高版本,該版本沒有這些相依性,並使用 Jimp 進行影像處理。
如果您仍需要解決 4 版的問題,請查看
- 入門指南中的 Node Canvas 章節
- 這篇文章,了解如何在 Windows 上修復 Node-Gyp 問題。(感謝 IgorSasovets)