欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

TypeScript Jest 调试

程序员文章站 2022-06-25 08:21:42
本文简要介绍了如何在 Jest 单元测试中利用 Chrome Node DevTools 来辅助调试。 背景 代码是 TS 写的 所测功能无 UI 界面,出现Bug后不容易定位 用 console 式 debug 效率太低,需要打断点式调试 在 Jest 单测中进行 debugger 目前有两种方法 ......

本文简要介绍了如何在 jest 单元测试中利用 chrome node devtools 来辅助调试。

背景

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

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

1. ide (如webstorm , vscode)集成的 提供的 debugger 功能;

2. chrome devtools

 

步骤

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

TypeScript Jest 调试

 

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

 

2. 配置devtool监听测试程序

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

在浏览器地址栏输入:

chrome://inspect

 

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

TypeScript Jest 调试

 

3、启动程序开始调试 

  npm run debug