在浏览器中使用testacular（现在的业力）

我试图找出debugging我的unit testing时，我打破他们的最佳方式。 通常在以前的testing环境中，我可以在浏览器中运行testing，断点testing或代码，看看我的testing失败的原因。 我似乎无法弄清楚如何做到这一点与两岸的。 有没有简单的方法来debuggingunit testing？

Answer 1

包括“browsers = ['Chrome'];” 在你的karma.config文件中。

当Chrome打开时，您应该在顶部看到“Karma – connected”，并在右上方显示“debugging”button。

点击这个debuggingbutton，打开一个“Karma DEBUG RUNNER”选项卡。 然后，只需右键单击，检查元素，然后像往常一样进行debugging。

Answer 2

1. 在karma.conf.js ：

    browsers = ['Chrome']; 

2. 在你失败的规范中：

    it('spec', function() { debugger; // This is like setting a breakpoint // ... }); 

3. 运行噶玛。
4. 转到新打开的Chrome浏览器，打开控制台并刷新页面。

现在，在Chrome的“开发者工具”源代码标签中，您应该看到在debugging器处停止执行。

Answer 3

我发现以下方式来debugging，不需要在代码中进行任何更改（如添加“debugging器”语句）

在karmaconfiguration文件中将“singleRun”设置为false，这样karma将在侦听端口上侦听，并且您可以在浏览器中再次运行testing，启动下面给出的URL并debugging：

转到捕获的浏览器，然后单击“DEBUG”button（或者打开http://localhost:9876/debug.html ），然后使用Web检查器查看正在发生的事情。 （您可能需要刷新debug.html页面才能在Web检查器打开后启动。）

Answer 4

在你的控制台中，你应该通知哪个it（）语句正在中断，为什么。 例如：

 Todos Add a new todo should add a new todo FAILED expected todo.length to be 1 but was 0 

但是，您可能会发现设置很有用

 logLevel = LOG_DEBUG; 

在你的karma.conf.js文件中。