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

Question

我正在使用jest 在我的 ReactJS 应用程序中编写测试。 到目前为止，要运行我的测试套件，我需要输入'npm test'。

这是来自 package.npm 的 sn-p：

 "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 测试结果显示在树视图中（如 karma 等），需要特殊的集成。 WebStorm 还不支持 Jest。请投票给WEB-14979 以获取任何进展通知。

---

编辑：截至 2017 年 3 月，Jest 集成的第一个版本在 WebStorm has been released。

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

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

对于windows，你可以使用下一个配置：

提供的配置取自here

Answer 4

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