{"id":4733,"date":"2012-07-09T03:25:16","date_gmt":"2012-07-09T03:25:16","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/visualstudioalm\/2012\/07\/09\/javascript-unit-tests-on-team-foundation-service-with-chutzpah\/"},"modified":"2022-07-22T08:47:07","modified_gmt":"2022-07-22T16:47:07","slug":"javascript-unit-tests-on-team-foundation-service-with-chutzpah","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/devops\/javascript-unit-tests-on-team-foundation-service-with-chutzpah\/","title":{"rendered":"Javascript Unit Tests on Team Foundation Service with Chutzpah"},"content":{"rendered":"

Significant investments were made in Visual Studio 2012 Unit Testing to make it extensible. A number of frameworks and test runners have built adapters for Visual Studio. Peter Provost maintains a list of Plugins here<\/a>. For Javascript Unit Testing in Visual Studio, Matthew Mannela<\/a> has released Chutzpah,<\/a> an open source Javascript Test Runner.\u00a0 Chutzpah has a test adapter for Visual Studio 2012. With this adapter, you can run QUnit & Jasmine tests in Visual Studio.<\/p>\n

\u00a0<\/p>\n

To run javascript unit tests in Visual Studio Unit Test Explorer, you just need to install the Chutzpah Test Adapter for Visual Studio 2012 from the Extensions & Updates dialog.<\/p>\n

\"image\"<\/p>\n

\u00a0<\/p>\n

This article describes the steps required to enable running of these Javascript unit tests on Team Foundation Service [Hosted Build Agent].<\/p>\n

\u00a0<\/p>\n

1. Download Chutzpah.VS2012.vsix from VS Gallery<\/a>.<\/p>\n

\n

Rename it to Chutzpah.VS2012.zip.<\/p>\n

Extract all its contents.<\/p>\n<\/blockquote>\n

2. Check in the following extracted files into source control in Team Foundation Service.<\/p>\n

\n

a. Chutzpah.dll<\/p>\n

b. Chutzpah.VS2012.dll<\/p>\n

c. Chutzpah.VS.Common.dll<\/p>\n

d. Chutzpah.VisualStudio.Settings.dll<\/p>\n

e. Phantomjs.exe<\/p>\n

f. StructureMap.dll<\/p>\n

g. JSrunners\/ChutzpahRunner.js<\/p>\n

h. JSRunners\/Qunitrunner.js<\/p>\n

i. Chutzpah.VS2012.TestAdapter.dll<\/p>\n

j. Microsoft.VisualStudio.TestPlatform.ObjectModel.dll<\/p>\n

k. SassAndCoffee.Core.dll<\/p>\n

l. SassAndCoddee.Javascript.dll<\/p>\n

m. ServiceStack.Text.dll<\/p>\n

n. TestFiles\/qunit\/qunit.css<\/p>\n

o. TestFiles\/qunit\/qunit.html<\/p>\n

p. TestFiles\/qunit\/qunit.js<\/p>\n

q. TestFiles\/jasmine\/* if you are using jasmine tests.<\/p>\n<\/blockquote>\n

3. In Visual Studio, Open Team Explorer & connect to Team Foundation Service.<\/p>\n

\u00a0\u00a0\u00a0 Bring up the Manage Build Controllers dialog. [Build \u2013> Manage Build Controllers]<\/p>\n

\u00a0\u00a0\u00a0 Select Hosted Build Controller<\/p>\n

\u00a0\u00a0\u00a0 Click on Properties button to bring up the Build Controller Properties dialog.<\/p>\n

\u00a0<\/p>\n

4. Change Version Control Path to custom Assemblies to refer to the folder where you checked in the binaries in step 2.<\/p>\n

\"image\"<\/p>\n

\u00a0<\/p>\n

5. In Team Explorer, go to the Builds section and Edit your Build Definition which will run the javascript tests.<\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Click on the Process tab<\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Select the row named Automated Tests.<\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Click on \u2026 button next to the value.<\/p>\n

6. Select the Tests to Run and click Edit. Change the Test assembly specification to ***.js<\/p>\n

\u00a0<\/p>\n

\"image\"<\/p>\n

NOTE: If you want to have a mix of C# unit tests and javascript unit tests, you can add another Test Run and use ***.dll as its Test Assembly file specification.<\/p>\n

7. Create your Web application in Visual Studio and add your Qunit or Jasmine unit tests to them. Make sure that the js files (that contain the tests) are getting copied to the build output directory.<\/p>\n

\"image\"<\/p>\n

\u00a0<\/p>\n

8. Check in your project and the unit tests into Team Foundation Service. Add this project to the build which you modified in step 5.<\/p>\n

\u00a0\u00a0\u00a0\u00a0 Now go ahead and queue your build.<\/p>\n

\u00a0\u00a0\u00a0\u00a0 After the build completes, you will see that the javascript tests have been run and their results reported in the Build Summary.<\/p>\n

\"image\"<\/p>\n

\u00a0<\/p>\n

Mathew Aniyan<\/p>\n

Program Manager \u2013 Visual Studio ALM.<\/p>\n","protected":false},"excerpt":{"rendered":"

Significant investments were made in Visual Studio 2012 Unit Testing to make it extensible. A number of frameworks and test runners have built adapters for Visual Studio. Peter Provost maintains a list of Plugins here. For Javascript Unit Testing in Visual Studio, Matthew Mannela has released Chutzpah, an open source Javascript Test Runner.\u00a0 Chutzpah has […]<\/p>\n","protected":false},"author":98,"featured_media":45953,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-devops"],"acf":[],"blog_post_summary":"

Significant investments were made in Visual Studio 2012 Unit Testing to make it extensible. A number of frameworks and test runners have built adapters for Visual Studio. Peter Provost maintains a list of Plugins here. For Javascript Unit Testing in Visual Studio, Matthew Mannela has released Chutzpah, an open source Javascript Test Runner.\u00a0 Chutzpah has […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/4733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/users\/98"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/comments?post=4733"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/4733\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media\/45953"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media?parent=4733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/categories?post=4733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/tags?post=4733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}