testacular（now karma）を使用しているブラウザでデバッグ

Question

ユニットテストを壊すときにデバッグする最良の方法を見つけようとしています。通常、以前のテスト環境では、ブラウザでテストを実行し、テストまたはコードをブレークポイントし、テストが失敗した理由を確認することができました。私はそれをどのようにして勉強するのか分かりません。単体テストを簡単にデバッグする方法はありますか？

Answer 1

"browsers = ['Chrome'];あなたのkarma.configファイルにあります。

クロムが開くと、上部に「カルマ接続」が表示され、右上に「デバッグ」ボタンが表示されます。

このデバッグボタンをクリックすると、 "カルマデバッグランナー"タブが開きます。次に、通常どおりに右クリックして要素を調べ、デバッグするだけです。カルマの設定ファイルに偽として「singleRun」に設定し

Answer 2

コンソールでは、it（）ステートメントが壊れていること、およびその理由を通知する必要があります。たとえば：

Todos Add a new todo should add a new todo FAILED 
expected todo.length to be 1 but was 0 

しかし、あなたはそれが便利なあなたのkarma.conf.jsファイルに

logLevel = LOG_DEBUG; 

を設定することがあります。 karma.conf.jsで

Answer 3

1. ：

   browsers = ['Chrome']; 
   

2. あなたの失敗の仕様で：

   it('spec', function() { 
       debugger; // This is like setting a breakpoint 
       // ... 
   }); 
   

3. 実行カルマ。
4. 新しく開いたChromeブラウザにアクセスし、コンソールを開いてページを更新します。

Chromeの[開発ツール]の[ソース]タブでは、デバッガで実行が停止しているはずです。

Answer 4

私は（「デバッガ」の文を追加するような）コードの変更を行うために必要としない、デバッグに以下の方法を見つけた

、その結果、カルマますデバッグポートでリッスンして、ブラウザでテストを再実行して、下記のURLを起動してデバッグすることができます。

Go to the captured browser and click the "DEBUG" button (or open http://localhost:9876/debug.html) and use the web inspector to see what's going on. (You may need to refresh the debug.html page for it to kick in once the web inspector is open.)