TypeScript Jest 調試

本文簡要介紹了如何在 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