angular-cli测试调试

时间:2016-11-07 00:14:11

标签: debugging angular jasmine karma-runner

我正在使用angular2-cli构建项目。当我运行测试时,业力会激活我的Chrome浏览器。我单击右上角的调试按钮,然后打开控制台。

如何在正在测试的文件中设置断点?我知道如何在测试文件中设置断点,但它并没有真正帮助我,因为我已经陷入无休止的茉莉花功能和方法。

假设测试调用我的组件上的方法。是否可以设置断点,在测试运行时直接将我带到组件?

1 个答案:

答案 0 :(得分:0)

好的,所以我想出了如何解决它。

我无法在非测试代码中设置任何断点,因为源代码地图代码仅适用于测试文件。

我的问题是此issue on github的副本, 已在this commit中关闭。

提交已在 angular-cli 1.0.0-beta.19.3中合并为master。

因此,为了在运行测试时允许对源代码进行debbuging,您需要执行以下操作:

  1. 将angular-cli更新为版本angular-cli 1.0.0-beta.19.3或更高版本 npm uninstall angular-cli npm cache clean npm install angular-cli@1.0.0-beta.19.3
  2. 运行ng -v以确认您使用的是1.0.0-beta.19.3。 (在您正在进行的当前angular-cli项目之外进行,或者它将显示为本地版本)

  3. 更新当前项目的package.json以使用新安装的cli: "devDependencies": { "angular-cli": "^1.0.0-beta.19-3", }

  4. 运行npm update --save-dev
  5. 运行ng test - 快乐调试!