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 has been released的第一个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直接转到代码，那就太棒了。

Answer 3

对于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变量和路径中运行，您只需要添加所需的全局路径和要运行的命令。

Answer 4

app_sciences的答案很棒，但不适用于Windows。

对于Windows，您可以使用下一个配置：

提供的配置来自here

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

4 个答案: