69

Jest で記述した単体テストのデバッグに関する情報が見つかりません。

Jest テストをどのようにデバッグしますか?

4

9 に答える 9

30

Chrome DevTools を使用して Jest テストをデバッグできます。

まず、プロジェクトで Node デバッガーを開始します。

node --inspect-brk <path to jest.js> --runInBand <path to your test file>

例:

  • Jest をローカルにインストールする場合 (Linux の例):

    node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand mymodule/test.js

  • Jest をグローバルにインストールする場合 (Windows の例):

    node --inspect-brk "C:\\Program Files\\nodejs\\node_modules\\jest\\bin\\jest.js" --runInBand mymodule\\test.js

次に、Google Chrome ブラウザを開き、アドレス バーに次のように入力します。

chrome://inspect

「リモート ターゲット」の下にある検査リンクをクリックして、Chrome DevTools を開きます。

ブレークポイントを設定できるように、ソース コード フォルダーを chrome-devtools のワークスペースに追加する必要があることに注意してください。

これで、F8 キーを押してデバッグを開始できます。

[参考] :

  • 私のノードのバージョン: v10.11.0
  • 私の Jest バージョン: 23.6.0
  • 私の Google Chrome バージョン: 71.0.3578.98

[更新] chrome-devtools のワークスペースにソース コード フォルダーを追加する手順について (Sam の質問による)、次のようになります。

ここに画像の説明を入力

そして、スクリプト ファイルを開いてブレークポイントを設定できます。

ここに画像の説明を入力

簡単なデモ プロジェクトは、私の GitHub リポジトリにあります。

于 2019-01-01T09:15:02.513 に答える
4

ターミナルで Jest テストをデバッグする 7 つの方法に関するブログ記事を書きました。それを行うための最速の方法は次のとおりです。

Chrome DevTools によって有効化された Node.js の改善されたデバッグ エクスペリエンスであるndbをインストールできます。

npm install -g ndb

次に、実行できます：

ndb npm run test

DevTools が開き、テストが実行されます。

または、次のコマンドを 1 つ入力することもできます。

npx ndb npm run test

そして、あなたは行ってもいいです。ただし、 Jest テストをデバッグするさまざまな方法の詳細について説明しているブログ投稿を確認してください。

于 2021-03-18T21:42:42.157 に答える
1

答えを探している人は、node-inspector で jest をデバッグします。ただし、これは非常に遅いプロセス (1 つのテストをデバッグするのに 2 ～ 5 分) であり、実際の使用ではあまり役に立ちませんでした。

私は Jest をデバッグするためのより良い方法を見つけていませんが、jasmine や mocha を反応コンポーネントで動作させるために多くの人が余分な作業をしているのを見てきました。したがって、node-inspector が実際に使用可能になるまでは、より実行可能なオプションになる可能性があります。

于 2015-11-05T20:40:27.383 に答える
0

走る

node --debug-brk node_modules/.bin/jest

プロジェクト ディレクトリにあります。デバッガーのリッスンを一時停止したプロセスを開始する必要がありnodeます (通常はポート 5858 で)。Visual Studio Codeは、リスニング ノード プロセスへの接続に使用できる node.js 用の優れたグラフィカル デバッガーの例です。

于 2017-01-19T03:53:36.610 に答える