javascript - 如何调试使用 Testacular (Karma) 运行的 Jasmine 规范？

Question

我有一个带有 Jasmine 规范的小项目，我使用 Testacular 作为我的测试运行器。我不明白如何调试应用程序代码或规范代码。当我尝试在 Chrome 开发工具中设置断点时，它不会在下次运行规范时命中，因为它每次都会使用新的查询字符串加载文件。

到目前为止，我发现的最好的方法是使用 console.log()，但我更愿意使用 Chrome 开发工具断点。

(我正在使用 Visual Studio 2012 进行开发。)

谢谢

Answer 1

Testacular 不是用于调试的最佳工具。它的强大之处在于它可以在多个浏览器中运行您的测试，并且执行速度非常快，并且可以在您每次更改文件时执行，因此它会告诉您是否破坏了测试。但是如果你需要调试，它不是最好的工具。

你确实可以在你的代码中放置一个“调试器”语句来导致它中断，但是你可能最终会在你的测试中击中同一个断点几十次或更多次，如果那是一个在多个中击中的公共(public)代码行测试。也许它只是在一个给定的场景中中断，所以你必须跳过所有的断点，除了你看到问题的那一次。如果您使用的是 mocha 或 jasmine，则有一种方法可以在整个测试套件中只运行一个测试。对于 jasmine，它将那个测试从 it() 更改为 iit()，对于 mocha，它是 it.only()。但即便如此，睾丸仍然不是这项工作的错误工具。

一个更好的解决方案是使用不同的测试“设置”并只运行发生故障的单个测试。这可以使用 jasmine 或 mocha 或您选择的任何测试框架轻松完成。您已经在其中一个框架中编写了 testacular 测试，因为 testacular 是一种自动化工具，而不是测试框架。因此，只需创建一个测试运行程序文件并使用它，加载文件，如果您使用的是 chrome，请进入开发工具，在 MAC 上按 Command-O 或在 Windows 上按 Control-O，然后选择您想要的文件放入一个断点，然后设置你的断点，你就可以用煤气做饭了。

将传统的“测试运行器”与您的测试框架一起使用不会与使用 testacular 发生冲突。两者将愉快地配合运行。

以下是我在主要 3 个测试框架中执行此操作的首选文章的链接:

Jasmine :http://net.tutsplus.com/tutorials/javascript-ajax/testing-your-javascript-with-jasmine/

QUnit:http://www.testdrivenjs.com/getting-started/qunit-setup/

Mocha:我没有关于此的好文章的链接。到 2013 年 2 月中旬，我的关于测试客户端 JavaScript 的 PluralSight,com 类(class)将发布，您可以在那里找到它，以及关于设置 QUnit 和 Jasmine 的详细说明。他们有一个简短的免费试用期，您可以使用它来查看内容而无需付费。该 URL 将在类(class)发布后链接到该类(class)。 http://pluralsight.com/training/Authors/Details/joe-eames