使用Karma / Jasmine进行Angular 2测试：在Chrome中启用spec.ts文件的视图

Question

是否有人在更详细的博客文章或视频评论中剖析了The first karma test（1st-specs.testing.zip）中讨论过的项目配置的构成？

我这样说是因为如果您通常使用 ng new 设置Angular项目，它会设置业力因此您可以运行 ng test ，而不是脚本 npm在1st-specs.testing.zip的package.json中配置了test 。

1st-specs.testing.zip比ng测试要好得多，因为它允许你查看spec.ts文件甚至在测试脚本上设置断点并停止执行以询问Chrome浏览器中的内容< /强>

在这个例子中有很多配置正在进行中，我目前正在努力解决这个问题。我不知道具体哪些部分可以查看Chrome中的spec.ts文件。

有谁知道：

• 哪个部分支持该功能，或
• 谁编写了这段代码，所以我可能会把Google推向他们的博客？

更好的是，将这个功能融入由ng new创建的项目中！

Answer 1

如果您想在Chrome中查看规范文件并进行调试，当karma启动浏览器时，点击DEBUG，在新标签页中打开Chrome控制台（F12），转到{{1} }选项卡，点击Sources并输入您的文件名。

它将打开文件并允许您在其中放置断点。

编辑证明：

Answer 2

此问题已得到解决，修复工作正在进行中。如果您自己应用更改，它将再次使用当前CLI生成的项目： fix(@angular/cli): use inline sourcemaps in test