如何在Chrome下Debug Mocha的測試

簡介

通過前兩篇文章的介紹，相信讀者對Mocha應該有必定的認知了，本文重點講述如何在Chrome下Debug Mocha Test, 方便你在測試fail的時候troubleshooting.

關鍵詞： Mocha, Mocha Debug with Chrome, Debug Mocha test, node-inspector, Nodejs單元測試Debug

 

開始

1） Install node-inspector

npm install -g node-inspector 

 

我安裝的版本是

D:\Projects\xxx>node-inspector -v
Node Inspector v0.10.1

 

2)  在你的項目下面，新開一個command window, 啓動node-inspector

D:\Projects\xxx>node-inspector
Node Inspector v0.10.1
Visit http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858 to start debugging.

 

3) 在Chrome下直接訪問這個連接： http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858 

暫時什麼都沒有，由於尚未Debug運行測試。

##轉載註明出處：http://www.cnblogs.com/wade-xu/p/4683431.html 

 

4）在運行Mocha test以前，在你的測試源文件裏面想要打斷點的地方加debugger關鍵詞

注：例子用的是我前一篇文章裏（Example3）jdbc_MockTest.js。

 

5）項目目錄下另開一個command window， 運行Mocha test 加選項 --debug-brk

 

 

6) 回到剛剛打開的瀏覽器等待幾秒鐘， 若是沒有出現下圖，刷新一下，總歸仍是要等待。

這個選項--debug-brk 就是告訴debugger 停在Mocha腳本的第一行。 

你也能夠不加 -brk, 程序會直接跳至你打的第一個debugger處。

 

7）點擊右上方按鈕 'resume script execution' 

##轉載註明出處：http://www.cnblogs.com/wade-xu/p/4683431.html 

 

8) 這時候程序跳至你的第一個斷點處， 移動你的鼠標

 

或者在Console下面 debug

你也能夠在這個瀏覽器Sources tab下經過左邊文件導航區域，找到你想debug的文件，加斷點。

 

Troubleshooting

node-inspector 能夠一直運行着，但在每次運行mocha test的時候，你都得去刷新一下debug的頁面。

先運行mocha, 而後刷新node-inspector的瀏覽器頁面。

 

參考

https://github.com/node-inspector/node-inspector

 

感謝閱讀，若是您以爲本文的內容對您的學習有所幫助，您能夠點擊右下方的推薦按鈕，您的鼓勵是我創做的動力。

##轉載註明出處：http://www.cnblogs.com/wade-xu/p/4683431.html