私はJavaScriptテストを実行するためにChutzpahを使用しています。Chutzpah/PhantomJSによって実行されているJavaScriptをデバッグするには
私は私のソースファイルへのパスを参照し、以下の一連のテストを持っています。 Visual Studioのテキストエクスプローラでテストが表示され、IDEから直接実行できるので、すべて正常に動作しているようです。私は私のテストが実行されたときに実行されているソースコードにステップしたいしかし
。
これは可能ですか?
私はJavaScriptテストを実行するためにChutzpahを使用しています。Chutzpah/PhantomJSによって実行されているJavaScriptをデバッグするには
私は私のソースファイルへのパスを参照し、以下の一連のテストを持っています。 Visual Studioのテキストエクスプローラでテストが表示され、IDEから直接実行できるので、すべて正常に動作しているようです。私は私のテストが実行されたときに実行されているソースコードにステップしたいしかし
。
これは可能ですか?
更新:バージョン4.1.0のChutzpahは、VS debuggingを追加しました。
これは大胆を使用して、現在は不可能です。あなたができることは、context menu extensionをインストールし、「ブラウザで開く」右クリックオプションを追加することです。次に、ブラウザに組み込まれたデバッグツールを使用してコードをステップ実行することができます。
私はVSのデバッグシステムにプラグインするための統合方法を追加するのが大好きだが、まだそれを行う方法を考え出したていません。
多分これが正しい方向にあなたを指すことができます:
私は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')}
);
これは、Chromeを使用して、私のために働きました。私はブレークポイントを設定し、ブラウザを更新しました。生成されたjavascriptの代わりにTSを直接デバッグするには、chrome開発ツールの設定(右下の歯車アイコン)の "source maps"機能をオンにします。 –
その後、この状況はまったく変わりましたか? Visual Studioのデバッグに統合できましたか? – julealgon
プロジェクトパスに空白が含まれている場合、コンテキストメニュープラグインがブラウザに読み込まれません。 "... \ Visual Studio 2013 \ Project \ ..." –