mocha で debugger を止める

mocha でテストを書いている時に、どうしてもブレークポイントで止めてデバッグしたくなることがあります。

おもむろにコードにdebuggerを仕込みます。

そして mocha コマンドに --debug-brk --inspect とオプションをつけて実行しましょう。
chrome-devtools:// で始まるURLが吐き出されるので、ブラウザでそれを開きます。

$ mocha ./something-spec.js --compilers js:babel-register --debug-brk --inspect
Debugger listening on port 9229.
Warning: This is an experimental feature and could change at any time.
To start debugging, open the following URL in Chrome:
    chrome-devtools://devtools/remote/serve_file/@60cd6e859b9f557d2312f5bf532f6aec5f284980/inspector.html?experiments=true&v8only=true&ws=localhost:9229/12b2ad6b-da56-4f9b-bd3a-b610f3aa59c1

ブラウザで開きましょう。

一行目で止まっているはずなので、 F8 を押して debugger まで実行させましょう。

後は自由にデバッグするだけです

もちろん、わざわざ debugger を仕込まずとも、chrome-devtools上でデバッグしても良いでしょう！