直接在Intellij Idea/WebStorm中运行jest测试？

Question

我正在使用jest在我的ReactJS应用程序中编写测试.到目前为止,要运行我的测试套件,我需要输入'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也不应该这样吗？

Answer 1

为了使Jest测试结果显示在树视图中(如业力等),需要进行特殊的集成.WebStorm尚不支持Jest.如有任何进展,请投票通知WEB-14979.

编辑:截至2017年3月,WebStorm的第一个Jest集成版本已经发布.

Answer 2

在WebStorm 9+中您可以按如下方式设置:

• 安装Jest CLI: npm install --save-dev jest-cli

• 创建节点运行配置,将javascript文件设置为node_modules/.bin/jest,并将应用程序参数设置为--runInBand.runInBand告诉jest在单个进程中运行,否则在调试模式下运行多个节点进程时会发生端口冲突

• 在调试模式下创建一些测试并运行配置(Ctrl-D/CMD-D).如果您在测试或应用程序代码中设置断点,则应该点击

如果您可以file:line numbers在输出中单击以直接转到代码,那将会很棒.