Question

我有Java开发背景，可以在SourceCode中使用断点并运行UnitTests来达到目标。我现在正在Angular / Typescript环境中尝试相同的操作，但是我只能在测试代码中命中断点。

源代码：

1) export class SomeClass {
2)   someMethod() {
3)*    doit;
4)   }
5) }

未击中断点

测试代码：

1) describe('SomeClass', () => {
2)   it('test someMethod()', () => {
3)     SomeClass someClass = new SomeClass();
4)*    someClass.someMethod();
5)   }
6) }

断点命中

我首选的编辑器是Visual Studio Code，但如果在IntelliJ / Webstorm IDE中也可以使用，我也很高兴。

软件包的版本为：
-Angular 5.2.5
-茉莉2.8.0
-茉莉花核心2.8.0
-业力3.0.0
-karma-chrome-launcher 2.1.1
-karma-cli 1.0.1
-因果茉莉1.1.1

Answer 1

我执行测试的方式是观看ng test --watch true，然后添加调试

在我的浏览器中启动业力：http://localhost:9876/
点击右侧的调试选项，或者直接进入http://localhost:9876/debug.html?
然后，在调试内打开调试器，并在其中添加断点。代码和/规范

在运行单元测试时调试源代码

1 个答案: