在Visual Studio 2013中使用Jasmine + Karma进行AngularJS测试

Question

我刚开始接触Angularjs框架，并正在使用Jasmine框架和Karma进行测试。我有一个使用Visual Studio 2013构建的ASP.NET MVC应用程序，希望包含Jasmine包和Karma来测试js。

也许这个问题已经在这里讨论过了，但你能否请给出一个如何包含Jasmine文件、测试和显示结果的教程或演示？对于测试spa app，Jasmine和Karma是最好的选择吗？

请问可以向我展示一些将Jasmine包含到项目中以及如何将其与我的.js绑定以进行测试的步骤吗？

- studentsss

Answer 1

我也遇到了同样的问题-所有的教程似乎都是基于Node.js的。不过，我在Chutzpah Javascript Test Runner项目中找到了一些非常好的资源来入门学习。Chutzpah似乎支持QUnit、Jasmine和Mocha测试框架。你只需要安装下面列出的包/扩展程序，按照Pivotal Gist（或Angular演示）上的Jasmine教程编写单元测试，然后你就可以右键单击JavaScript测试并运行它(选择"Run JS Tests"选项)了。希望这些资源能够帮助到你！

Visual Studio扩展程序：

• Chutzpah Test Adapter for Test Explorer(VS2012/2013支持)
• Chutzpah Context Menu Extension(VS2012/2013支持)
• Jasmine NuGet Package

教程

• Yuriy Tyukhnin的教程
• Rosher Consulting的教程

编辑：由于此处已链接，我还编写了一篇博客文章，介绍如何在Visual Studio中设置Angular JS、Jasmine和Karma - http://codeforcoffee.org/Setting-Up-Angular-JS-Jasmine-and-Karma-in-Visual-Studio

- code4coffee

---

谢谢，你救了我的一天！ :) - AndrasCsanyi

@code4coffe - 感谢您的博客文章 - 它对我帮助很大。有一件事我想请教。为了让测试通过Chutzpah，我不得不添加MainCtrl.js、angular-mocks.js和angular.js的引用，我认为这是正常的，是吗？ - davy

@davy 听起来没错。我自己也要这么做。你可以在解决方案浏览器中选择所有文件，然后使用 ///path-to-file.js 语法将它们拖到测试文件中以自动包含它们。您需要确保它们按正确的依赖顺序排列（例如，在 Angular 之前放置 jQuery），但对于任何脚本依赖项都是如此。 - code4coffee