在VS Code中调试Jest单元测试

includecmath 发布于2019-08-21 17:26 / 1406人阅读

摘要：随着的流行，也成很多项目广泛使用的测试框架。由于默认是并发执行测试，在日常的工作中发现很多同学对于如何调试单元测试犯难。设置断点开始调试好了，现在你可以在中打开一个你需要调试的测试文件并设置好断点。

随着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。接下来...... 同学，该你了！

专线服务混合云 VS Code 可以在浏览器运行了？微软在vs中如何aspx VS Code如何 VS不能调试

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89506.html

使用 TypeScript 编写一个完善包含测试、文档和持续集成的库

摘要：单元测试一个合格的库应该包含完整的单元测试。是的支持版，和是一样的，它能够直接运行为后缀的单元测试文件。在目录下加入然后执行即可看到单元测试结果。这篇文章主要是讲述如何使用 TypeScript 编写一个完善，包含测试、文档、持续集成的库，涵盖了编写整个库所需要的技术和工具，主要涵盖：项目目录骨架 TypeScript 配置使用 jest 单元测试使用 vuepress 编写...

lingdududu 2019-08-23 14:27 评论0 收藏0
[译] 使用 VS Code 加速前端开发

摘要：在对比我最近几个月所用的开发工具后，我发现了一些惊人的东西。永远不停止使用。将警告未使用的代码。预检查使用，，和非常有用。不再需要使用开启服务器，创建应用程序，并打开浏览器。尝试使用别的东西，立即出现错误。原文：Supercharging Frontend Development with VS Code 作者：zachcodes 过去几天，为了在开发 GraphQL / Rea...

keithxiaoy 2019-08-21 16:57 评论0 收藏0
React 单元测试策略及落地

摘要：写好的单元测试，对开发速度项目维护有莫大的帮助。我认为单元测试的上下文存在于敏捷中。接下来一小节，就可以正式进入如何做的环节了如何写好单元测试。前面说到，我们对单元测试寄予写好的单元测试，对开发速度、项目维护有莫大的帮助。前端的测试工具一直推陈出新，而测试的核心、原则却少有变化。与产品代码一并交付可靠的测试代码，是每个专业开发者应该不断靠近的一个理想之地。本文就围绕测试讲讲，为什么我...

nifhlheimr 2019-08-23 12:35 评论0 收藏0
FCC 成都社区·前端周刊第 9 期

摘要：详情行人脸识别库是仅行代码的人脸识别库，最小只有。详情开发大型应用这是根据上发表的演讲整理的文章，分享了作者在开发大型应用后的一些心得。详情每周一同步更新到欢迎 1. Node.js 10 将带来什么？ Node.js 10 的第一个版本将于本周二（4 月 24 日）发布，并将在 10 月份推出 LTS 版本，将带来哪些更新？ N-API，持续 HTTP/2 支持，ECMAScript...

kid143 2019-08-22 16:38 评论0 收藏0
FCC 成都社区·前端周刊第 9 期

摘要：详情行人脸识别库是仅行代码的人脸识别库，最小只有。详情开发大型应用这是根据上发表的演讲整理的文章，分享了作者在开发大型应用后的一些心得。详情每周一同步更新到欢迎 1. Node.js 10 将带来什么？ Node.js 10 的第一个版本将于本周二（4 月 24 日）发布，并将在 10 月份推出 LTS 版本，将带来哪些更新？ N-API，持续 HTTP/2 支持，ECMAScript...

KaltZK 2019-08-29 15:08 评论0 收藏0