web-dev-qa-db-ja.com

Intellij Idea / WebStormで直接jestテストを実行しますか？

私はReactJSアプリケーションでテストを書くために jest を使用しています。これまでのところ、テストスイートを実行するには、'npm test'と入力する必要があります。

Package.npmのスニペットは次のとおりです。

 "scripts": {
    "test": "./node_modules/.bin/jest",
    (other stuff)
  },
  "jest": {
    "unmockedModulePathPatterns": ["<rootDir>/node_modules/react"],
    "scriptPreprocessor": "<rootDir>/node_modules/babel-jest",
    "testFileExtensions": [
      "es6",
      "js"
    ],
    "moduleFileExtensions": [
      "js",
      "json",
      "es6"
    ]
  },

これらのテストを私のIDE（IDEA/WebStorm）内で直接実行して、構成を保持することは可能ですか？私はjsの人ではありませんが、たとえばWebStromはKarmaで完全に正常に動作します。これはjest-cliでも可能ですか？

unit-testingintellij-ideareactjswebstormjestjs
15
slnowak

Jestのテスト結果をツリービュー（カルマなど）に表示するには、特別な統合が必要です。 WebStormはまだJestをサポートしていません。 WEB-14979 に投票して、進捗状況を通知してください。

編集：2017年3月の時点で、WebStormでのJest統合の最初のバージョン リリースされています 。

21
lena

WebStorm9以降では次のように設定できます。

  • Jest CLIをインストールします：npm install --save-dev jest-cli

  • Javascriptファイルをnode_modules/.bin/jestに設定し、アプリケーションパラメーターを--runInBandに設定してノード実行構成を作成します。 runInBandはjestに単一のプロセスで実行するように指示します。そうしないと、デバッグモードで複数のノードプロセスを実行するときにポートの競合が発生します。

  • いくつかのテストを作成し、デバッグモード（Ctrl-D/CMD-D）で構成を実行します。テストまたはアプリのコードにブレークポイントを設定すると、ヒットするはずです

ただし、出力でfile:line numbersをクリックして、コードに直接移動できれば素晴らしいと思います。

enter image description here

14
app_sciences

app_sciencesの答えは素晴らしいですが、Windowsでは機能しません。

Windowsの場合、次の構成を使用できます： Windows webstorm jest configuration

提供される構成は ここ から取得されます

2
lilo.jacob

IDEA私は https://confluence.jetbrains.com/display/IDEADEV/Run+Configurations を使用しています。WebStormの場合は追加できるようです。自分で設定する https://www.jetbrains.com/webstorm/help/creating-and-editing-run-debug-configurations.html 。話している設定はソフトウェアレベルです。 。IDEを介して実行するように構成する場合は、指定されたENV変数とパス内で確実に実行されます。必要なグローバルパスと、実行するコマンドを追加するだけです。

2
Stan E