在VS Code中调试Jest单元测试

随着React的流行，jest也成不少项目普遍使用的测试框架。因为jest默认是并发执行测试，在平常的工做中发现不少同窗对于如何调试jest单元测试犯难。这些小细节有时真是“会者不难，难者不会“。这里给你们介绍如何在code中调试jest测试的小技巧。

注意： 这里须要Node> v8.4. 以前的版本V8有bug,致使Jest测试中的断点根本断不到。

添加调试任务

咱们须要在Code中添加一个调试任务。 内容以下：

{
    "type": "node",
    "request": "launch",
    "protocol": "inspector",
    "name": "Jest Debug",
    "program": "${workspaceRoot}/node_modules/jest/bin/jest",
    "stopOnEntry": false,
    "args": ["--runInBand", "--env=jsdom", "${fileBasename}"],
    "runtimeArgs": [
        "--inspect-brk"
     ],
     "cwd": "${workspaceRoot}",
     "sourceMaps": true,
     "console": "integratedTerminal"
}

这里有一个jest的运行时参数：--runInBand 或者简写为 -i不知道你们注意到没有？就是这个参数控制jest串行执行全部测试。

其余参数和设置我就不赘述了，你们本身查看code的帮助学习。

设置断点开始调试

好了，如今你能够在code中打开一个你须要调试的测试文件并设置好断点。而后，狠狠的按下F5。接下来...... 同窗，该你了！