跳至主要內容

常見問題

當我想要執行 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 版的問題,請查看

歡迎!我能如何幫您?

WebdriverIO AI Copilot