WebStormでtestacularを動かしてデバッグもする

http://efcl.info/2012/1028/res3154/ を見ると全て分かりますが、あえて説明します。

また、以下で使用しているソースコードは https://github.com/grapswiz/testacular-webstorm-sample で公開しています。ダウンロードして実際に使ってみてください。

WebStormのRun Configurationを作成する

WebStormでtestacularを実行する場合、コマンドラインから実行する場合と同じように

$ testacular start

$ testacular run

の2つに対応したRun Configurationを作成します。

testacular start用のタスク

tetacular run用のタスク

デバッグ用のタスク

ポートとして指定している9876はtestacular startで立ち上がるサーバのポート番号です。

実行する！

testacular serverタスクを実行します。このタスクは常に実行しておきましょう。次に起動するものは用途によって変わります。

テストを走らせたい場合は都度testacular runタスクを実行します。
デバッグする場合は都度testacular debugタスクをデバッグ実行します。

デバッガでできること

Chrome Developer Toolsで出来そうなことは結構できます。

• ステップ実行
• Watch Expressions
• Scope Variables
• Call Stack
• Breakpoints

Chrome基準で考えるとブレークポイント管理が別窓なのがちょっと気になります。その他はUIの差異が気にならなくなれば普通に使えそう。

以下デバッガ画面。