angular-cli 测试调试

angular-cli tests debugging

我正在使用 angular2-cli 构建一个项目。当我 运行 ng 测试时,karma 启动了我的 chrome 浏览器。我单击右上角的调试按钮,然后打开控制台。

如何在正在测试的文件中设置断点?我知道如何在测试文件中设置断点,但它在这里并没有真正帮助,因为我陷入了无穷无尽的 jasmine 函数和方法中。

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

好的,所以我想出了解决方法。

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

我的问题与此 issue on github 重复, this commit.

关闭

提交已在 angular-cli 1.0.0-beta.19.3.

中合并到 master

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

  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 - 调试愉快!