2012-09-24 6 views
25

私はJavaScriptテストを実行するためにChutzpahを使用しています。Chutzpah/PhantomJSによって実行されているJavaScriptをデバッグするには

私は私のソースファイルへのパスを参照し、以下の一連のテストを持っています。 Visual Studioのテキストエクスプローラでテストが表示され、IDEから直接実行できるので、すべて正常に動作しているようです。私は私のテストが実行されたときに実行されているソースコードにステップしたいしかし

これは可能ですか?

答えて

36

更新:バージョン4.1.0のChutzpahは、VS debuggingを追加しました。

enter image description here


これは大胆を使用して、現在は不可能です。あなたができることは、context menu extensionをインストールし、「ブラウザで開く」右クリックオプションを追加することです。次に、ブラウザに組み込まれたデバッグツールを使用してコードをステップ実行することができます。

私はVSのデバッグシステムにプラグインするための統合方法を追加するのが大好きだが、まだそれを行う方法を考え出したていません。

+2

これは、Chromeを使用して、私のために働きました。私はブレークポイントを設定し、ブラウザを更新しました。生成されたjavascriptの代わりにTSを直接デバッグするには、chrome開発ツールの設定(右下の歯車アイコン)の "source maps"機能をオンにします。 –

+0

その後、この状況はまったく変わりましたか? Visual Studioのデバッグに統合できましたか? – julealgon

+1

プロジェクトパスに空白が含まれている場合、コンテキストメニュープラグインがブラウザに読み込まれません。 "... \ Visual Studio 2013 \ Project \ ..." –

0

多分これが正しい方向にあなたを指すことができます:

私はcaptureBase64(「PNG」)を使用してCasperJSための迅速かつ汚いスクリーンショットグラバーを作っ

それはどのその後、受信サーバーに画像を掲示されますそれをインラインイメージとして表示するブラウザにsocket.io経由で送信します。

ソースコードはgithubの上で提供されています:

https://github.com/maciejjankowski/flaming-octo-puss

私はそれがPhantomJSであるか互換性のわからないんだけど、大胆にPhantomJSを使用している場合、あなたが作ることができるチャンスがあるので、CasperJSは完璧に動作しますこのコンセプトは機能する。

あなたが各ステップにこれを追加したり、 onStepCompleteハンドラとして設定する必要があります

this.evaluate(function(img){ 
    __utils__.sendAJAX("http://localhost:8001/", 'POST', {'img' : img }, false);  
    }, 
    {'img' : this.captureBase64('png')} 
); 
関連する問題