在VS Code中调试Jest单元测试

最新推荐文章于 2024-08-26 21:58:07 发布

转载最新推荐文章于 2024-08-26 21:58:07 发布 · 596 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000011852541

文章标签：

#测试 #开发工具

本文介绍了如何使用Visual Studio Code调试Jest单元测试的方法。通过设置特定的运行参数，如--runInBand，确保测试按顺序执行，并利用VS Code的调试功能进行有效的单元测试调试。

随着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"
}