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

Posted 2023-03-13

【中文标题】如何使用 vscode 设置 jest typescript 测试以在调试模式下运行

【英文标题】：How to set up jest typescripts tests to run in debug mode using vscode

【发布时间】：2019-07-12 20:45:52

【问题描述】：

我通过关注https://github.com/Microsoft/TypeScript-React-Starter创建了一个 React 应用

是否有指南或链接提供简单易用的设置来调试用 jest 编写的测试和 vscode 中的酶？我遇到了一些零碎的东西，到目前为止都没有。

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

【参考方案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 调试器。