環(huán)境準(zhǔn)備
1.開啟服務(wù)端口,只有開啟了服務(wù)端口才可以使用命令行,開啟路徑:設(shè)置 - 安全設(shè)置 - 服務(wù)端口
2.在確認(rèn)開啟了服務(wù)端口后,運行腳本
node index.js
寫在前面的坑
1.如出現(xiàn)以下報錯
Failed to launch wechat web devTools, please make sure http port is open
則需要自己手動操作一次命令行,開啟自動測試,命令行需要在微信開發(fā)者工具的安裝目錄下執(zhí)行,即cli.bat所在的目錄
cli auto --project 項目路徑 --auto-port 服務(wù)端口
2.在使用jest時,如出現(xiàn)以下報錯
TypeError: Cannot read property '$' of undefined
造成這個錯誤是因為腳本運行時獲取不到指定的DOM節(jié)點。
解決方法:
- 如果在開發(fā)者工具的Wxml面板中沒有正常顯示,則清空緩存并構(gòu)建npm,直到顯示正常為止
- 如果能正常顯示,先關(guān)閉項目窗口,并運行測試腳本,當(dāng)測試腳本打開開發(fā)者工具時,第一時間選擇工具 - 構(gòu)建npm,確保測試腳本跑完之前,小程序已經(jīng)渲染完了。如果多次嘗試都無法確保,可以給beforeAll的第二個參數(shù)timeout的值設(shè)置大一些
測試通過的圖片
具體詳情查看官方文檔
