確保已經安裝了。在終端中運行以下命令確認是否已安裝:
如果沒有安裝,可以訪問官網進行下載并安裝。

生成的項目,這里都用默認選項,一路回車即可。

等項目初始化完成

修改下配置文件,注釋掉不需要的瀏覽器支持,例如 Firefox

修改下 tests/examples.spec.ts 后運行即可

運行下,結果顯示通過

接下來,我們將使用庫來進行圖像對比。運行以下命令來安裝它:
安裝完成后如圖所示:

項目結構完成上述步驟后,項目的目錄結構如下所示:
在文件夾下,創建一個名為的文件,編寫以下代碼來實現截圖和對比功能:
打開終端,導航到項目目錄。
運行以下命令啟動測試:
腳本將自動打開瀏覽器,訪問淘寶首頁,捕獲當前截圖,并與基準截圖進行對比。
如果截圖一致,輸出 "UI回歸測試通過,截圖一致!";

如果有差異,輸出 "UI回歸測試失敗,截圖有差異!"。

通過以上步驟,我們使用和創建了一個回歸驗證的自動化測試框架。核心步驟如下:
以上,開發人員和測試人員能夠高效地完成回歸驗證工作。如果你覺得本教程對你有幫助,還請點個贊,關個注,下次更新不迷路!
原文轉載自:https://mp.weixin.qq.com/s/aMuf1yW5xrpeig7JB6etKQ