使用Karma/Jasmine进行Angular 2测试:启用在Chrome中查看spec.ts文件

使用Karma/Jasmine进行Angular 2测试:启用在Chrome中查看spec.ts文件,angular,jasmine,karma-runner,Angular,Jasmine,Karma Runner,如果有一篇更详细的博客文章或视频评论剖析了()中讨论的项目配置的组成,有人会这样做吗 我这样说是因为,如果您正常地使用ng new设置角度项目,它会设置karma,以便您可以运行ng test,而不是在1st-specs.testing.zip的package.json中配置的脚本化npm test 1st-specs.testing.zip比ng-test好得多,因为它允许您查看spec.ts文件,甚至在测试脚本上设置断点,并停止执行以在Chrome浏览器中查询内容 在这个例子中,有很多配置正

如果有一篇更详细的博客文章或视频评论剖析了()中讨论的项目配置的组成,有人会这样做吗

我这样说是因为,如果您正常地使用ng new设置角度项目,它会设置karma,以便您可以运行ng test,而不是在1st-specs.testing.zip的package.json中配置的脚本化npm test

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

在这个例子中,有很多配置正在进行,我目前正努力让自己的头脑清醒过来。我不知道具体哪一部分支持在Chrome中查看spec.ts文件。

有人知道吗:

  • 哪一部分支持该功能,或
  • 谁写的代码,所以我可能去谷歌他们的博客

更好的是,将此功能烘焙到由ng new创建的项目中

如果您想在chrome中查看规范文件并进行调试,当karma启动浏览器时,单击
debug
,在新选项卡中打开chrome控制台(F12),转到
Sources
选项卡,点击
Ctrl+p
并键入文件名

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

编辑校对:


此问题已得到解决,正在进行修复。如果您自己应用这些更改,它将再次适用于当前CLI生成的项目:


但是如果使用ng new设置项目,.spec.ts将不可用。相反,你会得到一个合并的网页文件iirc。无法选择等级库文件。它与配置有着某种联系。如果你的意思是你不能在控制台中打开它,那就错了,你可以。我不知道你的其他意思,但我每天都使用这种方法来测试我的项目,它就像一个魔咒。看看我的编辑,看看它是可能的(是的,我使用angular CLI),我想这一定是我自己做的。因为我合并了一个ng新项目和一个现有项目,一定是把配置搞砸了。因为我看不到spec.ts文件。我得更深入地探究我做错了什么。这基本上就是我所做的是的,你请客,对不起!您的问题已解决,正在修复:。我建议您自己应用更改,或者等待下一个版本并继续使用CLI,因为它是一个很棒的工具。