如何设置jest typescripts测试以使用vscode在调试模式下运行

Question

我已经按照https://github.com/Microsoft/TypeScript-React-Starter创建了一个反应应用程序

是否有指南或链接提供简单易用的设置来调试用jest和vscode中的酶编写的测试？我遇到了点点滴滴，到目前为止还没有工作。

如果我点击运行，我会收到错误：

Answer 1

对于最新的create-react-app（2.1.5）和react-scripts-ts（3.1.0），在项目的根目录下创建一个.vscode目录并添加以下launch.json：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug CRA Tests",
      "type": "node",
      "request": "launch",
      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/react-scripts-ts",
      "args": [
        "test",
        "--runInBand",
        "--no-cache",
        "--no-watch",
        "--env=jsdom"
      ],
      "cwd": "${workspaceRoot}",
      "protocol": "inspector",
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen"
    }
  ]
}

然后使用Debug CRA Tests配置启动VSCode调试器。