本文簡要介紹了如何在 Jest 單元測驗中利用 Chrome Node DevTools 來輔助除錯,
背景
- 代碼是 TS 寫的
- 所測功能無 UI 界面,出現Bug后不容易定位
- 用 console 式 debug 效率太低,需要打斷點式除錯
在 Jest 單測中進行 debugger 目前有兩種方法:
1. IDE (如webstorm , VSCode)集成的 提供的 Debugger 功能;
2. Chrome DevTools
步驟
1)在project.json 中添加啟動debug的腳本

上述腳本是專門用于除錯 基于jest 撰寫的 單元測驗用例的
2. 配置DevTool監聽測驗程式
如果沒有安裝Chrome瀏覽器,但安裝了基于具有Chrome DevTools的瀏覽器也是可以的,
在瀏覽器地址欄輸入:
chrome://inspect
然后選擇:為Node程式打開DevTools,并選擇要監聽的地址、埠

3、啟動程式開始除錯
npm run debug
參考:
在練習的一個Project,為TypeScript, JavaScript 提供了 類似于Java的API: langx-js https://github.com/fangjinuo/langx-js
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/141698.html
標籤:JavaScript
下一篇:演算法的理論與實踐
