CODEWITHSUNDEEP
unit-testingintellij-ideareactjswebstormjestjs
slnowak
slnowak

Reputation: 1919

Running jest tests directly in Intellij Idea/WebStorm?

I'm using jest to write tests in my ReactJS application. So far, to run my test suite, I need to type 'npm test'.

Here's the snippet from 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"
    ]
  },

Is it possible to run those tests within my IDE (IDEA/WebStorm) directly, preserving the configuration? I'm not a js guy, but for example WebStrom works perfectly fine with Karma. Shouldn't this be possible with jest-cli either?

Upvotes: 15

Views: 23313

Answers (4)

lena
lena

Reputation: 93728

To make Jest test results shown in a tree view (like karma, etc.), a special integration is needed. WebStorm doesn't yet support Jest. Please vote for WEB-14979 to be notified on any progress.

EDIT: as of March 2017 the first version of Jest integration at WebStorm has been released.

Upvotes: 22

app_sciences
app_sciences

Reputation: 813

In WebStorm 9+ You can set this up as follows:

  • Install Jest CLI: npm install --save-dev jest-cli

  • Create node run configuration with javascript file set to node_modules/.bin/jest, and application parameter to --runInBand. runInBand tells jest to run in single process, otherwise there's a port conflict when running multiple node processes in debug mode

  • Create some tests and run configuration in Debug mode (Ctrl-D/CMD-D). If you set breakpoints in your test or app code they should hit

It would be great though if you could click on file:line numbers in the output to go directly to the code.

enter image description here

Upvotes: 14

lilo.jacob
lilo.jacob

Reputation: 2414

app_sciences's answer is awesome, but does not work for Windows.

For windows, you can use next configuration: Windows webstorm jest configuration

Provided configuration is taken from here

Upvotes: 3

Stan
Stan

Reputation: 3461

For IDEA I'm using https://confluence.jetbrains.com/display/IDEADEV/Run+Configurations for that purposes. For WebStorm it seems you can add your config by yourself https://www.jetbrains.com/webstorm/help/creating-and-editing-run-debug-configurations.html . The configuration you are talking about is on the software level. If you will configure to run it via your IDE it will definitely will run within the ENV variables and paths given, you just need to add the needed global paths and the commands to run.

Upvotes: 2

Related Questions