首页 > 其他 > 详细

TypeScript Jest 调试

时间:2020-03-15 15:06:42      阅读:63      评论:0      收藏:0      [点我收藏+]

本文简要介绍了如何在 Jest 单元测试中利用 Chrome Node DevTools 来辅助调试。

背景

  • 代码是 TS 写的
  • 所测功能无 UI 界面,出现Bug后不容易定位
  • 用 console 式 debug 效率太低,需要打断点式调试

在 Jest 单测中进行 debugger 目前有两种方法:

1. IDE (如webstorm , VSCode)集成的 提供的 Debugger 功能;

2. Chrome DevTools

 

步骤

1)在project.json 中添加启动debug的脚本

技术分享图片

 

上述脚本是专门用于调试 基于jest 编写的 单元测试用例的

 

2. 配置DevTool监听测试程序

如果没有安装Chrome浏览器,但安装了基于具有Chrome DevTools的浏览器也是可以的。

在浏览器地址栏输入:

chrome://inspect

 

然后选择:为Node程序打开DevTools,并选择要监听的地址、端口

技术分享图片

 

3、启动程序开始调试 

  npm run debug

 

TypeScript Jest 调试

原文:https://www.cnblogs.com/f1194361820/p/12497298.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!