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
因此,为了在 运行 测试时允许调试源代码,您需要执行以下操作:
- 将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
运行 ng -v
以确认您使用的是 1.0.0-beta.19.3。 (在你当前正在处理的angular-cli项目之外进行,否则将显示为本地版本)
更新当前项目的 package.json 以使用新安装的 cli:
"devDependencies": {
"angular-cli": "^1.0.0-beta.19-3",
}
- 运行
npm update --save-dev
- 运行
ng test
- 调试愉快!
我正在使用 angular2-cli 构建一个项目。当我 运行 ng 测试时,karma 启动了我的 chrome 浏览器。我单击右上角的调试按钮,然后打开控制台。
如何在正在测试的文件中设置断点?我知道如何在测试文件中设置断点,但它在这里并没有真正帮助,因为我陷入了无穷无尽的 jasmine 函数和方法中。
假设测试调用了我的组件上的方法。是否可以设置断点,在测试进行时直接将我带到组件 运行?
好的,所以我想出了解决方法。
我无法在我的非测试代码中设置任何断点,因为源地图代码仅适用于测试文件。
我的问题与此 issue on github 重复, this commit.
关闭提交已在 angular-cli 1.0.0-beta.19.3.
中合并到 master因此,为了在 运行 测试时允许调试源代码,您需要执行以下操作:
- 将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
运行
ng -v
以确认您使用的是 1.0.0-beta.19.3。 (在你当前正在处理的angular-cli项目之外进行,否则将显示为本地版本)更新当前项目的 package.json 以使用新安装的 cli:
"devDependencies": { "angular-cli": "^1.0.0-beta.19-3", }
- 运行
npm update --save-dev
- 运行
ng test
- 调试愉快!