Debug Jest test cases in VSCode, debug Jest test cases in VSCode, middle note basedir=$(dirname "$" (echo "$0" sed -e -e, s, \ \, / "-e").

step

First , without launch.json file , Need to open VsCode Run and debug tab （ Shortcut key Ctrl+Shift+D） establish launch.json file

then , stay launch.json The configuration in is as follows ：

{
    
    "version": "0.2.0",
    "configurations": [{
    
        "name": "Debug Jest Tests",
        "type": "node",
        "request": "launch",
        "runtimeArgs": [
            "--inspect-brk",
            "${workspaceRoot}/node_modules/jest/bin/jest.js",
            "--runInBand"
        ],
        "console": "integratedTerminal",
        "internalConsoleOptions": "neverOpen",
        "port": "9229"
    }]
}

When the configuration is complete , Added an item for Jest Debugging of , What's shown here Debug Jest Tests That's what we configured name Field .

stay VsCode After the breakpoint is hit in the , Click the green start button or use the debug shortcut F5 Start debugging .

Pit encountered

Once configured launch.json File startup debugging , Always reporting mistakes

basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
^^^^^^^
SyntaxError: missing ) after argument list

take launch.json In the document "${workspaceRoot}/node_modules/.bin/jest" Replace with "${workspaceRoot}/node_modules/jest/bin/jest.js" Problem solvable .