Debug ES6 React using Jest with Visual Studio Code (VSCode)

.babelrc

{
  "presets": [
    "react",
    "es2015"
  ],
  "sourceMaps": "inline",
  "retainLines": true
}

launch.json

{
  "version": "0.2.0",
  "configurations": [{
    "type": "node",
    "request": "launch",
    "name": "Launch Jest",
    "program": "${workspaceRoot}/node_modules/jest/bin/jest.js",
    "cwd": "${workspaceRoot}",
    "args": ["--runInBand"],
    "runtimeArgs": [
      "--nolazy"
    ],
    "env": {
      "NODE_ENV": "development"
    },
    "sourceMaps": true
  }]
}

package.json

{
  "devDependencies": {
    "babel-jest": "^18.0.0",
    "babel-preset-es2015": "^6.22.0",
    "babel-preset-react": "^6.22.0",
    "babel-register": "^6.22.0",
  }
}

Hi @riddla,
I have issue with setting up debugger for jest in vscode for CRA . I tried every possible solution including one which is given here( https://facebook.github.io/jest/docs/en/troubleshooting.html ).

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

please can you help me with this .

@Vikaskumargd thanks it works great on the latest VS.

@Vikaskumargd this works only if you add port: 9229, at least for me on insiders build