本文簡要介紹瞭如何在 Jest 單元測試中利用 Chrome Node DevTools 來輔助調試。 背景 代碼是 TS 寫的 所測功能無 UI 界面，出現Bug後不容易定位 用 console 式 debug 效率太低，需要打斷點式調試 在 Jest 單測中進行 debugger 目前有兩種方法 ...
本文簡要介紹瞭如何在 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
