Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1
Help us understand the problem. What is going on with this article?
@hieki

mocha で debugger を止める

More than 1 year has passed since last update.

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

おもむろにコードにdebuggerを仕込みます。
Monosnap 2018-03-26 14-41-56.jpg
そして 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

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

Image 2018-03-27 18-01-16.jpg

:laughing::laughing::laughing:

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

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

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

1
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
hieki
こんちは~
speee
株式会社Speeeは「解き尽くす。未来を引きよせる。」というミッションを実現すべく、中長期的な目線で企業価値を最大化させていくため、組織・事業のStyleを大切にした永続的な価値創造を目指しています。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
1
Help us understand the problem. What is going on with this article?