在VS Code中调试Jest单元测试
添加调试任务
- 打开 vscode launch.json 文件,在 configurations 内加入下面代码
"configurations": [
{
"name": "Jest Debug AllFile",
"type": "node",
"request": "launch",
"protocol": "inspector",
"program": "${workspaceRoot}/node_modules/jest/bin/jest",
"stopOnEntry": false,
"args": ["--runInBand", "--env=jsdom"],
"runtimeArgs": [
"--inspect-brk"
],
"cwd": "${workspaceRoot}",
"sourceMaps": true,
"console": "integratedTerminal"
},
{
"name": "Jest Debug File",
"type": "node",
"request": "launch",
"protocol": "inspector",
"program": "${workspaceRoot}/node_modules/jest/bin/jest",
"stopOnEntry": false,
"args": ["--runInBand", "--env=jsdom", "${fileBasename}"],
"runtimeArgs": [
"--inspect-brk"
],
"cwd": "${workspaceRoot}",
"sourceMaps": true,
"console": "integratedTerminal"
},
]
设置断点开始调试
-
打开 vscode 的断点调试工具
-
对单文件调试
在对应的测试文件下,执行 Jest Debug File -
对所有文件调试
在任意位置执行,执行 Jest Debug AllFile

-
断点调试

在调试控制台,可以查看测试代码,以及提示
在VS Code中调试Jest单元测试
本文介绍了如何在Visual Studio Code (VS Code) 中配置和使用Jest进行单元测试的调试。通过添加调试任务到launch.json文件,设置断点,你可以对单个文件或所有文件进行调试,并在调试控制台查看测试代码和获取提示。
4134

被折叠的 条评论
为什么被折叠?



