[dba-Tech] Learning and running AngularJS tutorials within VS2012

Gustav Brock Gustav at cactus.dk
Sat Jun 8 15:39:40 CDT 2013


Hi Shamil

Thanks! 
Where did you learn reading minds? That was my next question - as I have no intension to leave VS.

/gustav

>>> mcp2004 at mail.ru 08-06-13 20:52 >>>
 Hi All --

Not sure if subject is a generally available in one place/ready to use info - so I'm trying to compile it from several sources and to post it here:

Context: Given AngularJS tutorial -* http://docs.angularjs.org/tutorial *

Quiz: How one can work through this tutorial (including running its JavaScript - Jasmine - unit tests) *from within Visual Studio 2012?

Solution:

1. *Get and setup - "Chutzpah Test Adapter for Visual Studio 2012"

http://visualstudiogallery.msdn.microsoft.com/f8741f04-bae4-4900-81c7-7c9bfb9ed1fe 2. Start VS 2012 and create an empty web project.

3. Put tutorial's entry html with AngularJS directives into default.html

4 . Put JavaScript code from tutorial into source file(s) in /js sub-folder

5. Put JavaScript code from tutorial with jasmine unit tests into source file(s) in /tests/unit sub-folder

6. *Use

/// <reference path="../../js/<your file name here>.js" />

directive in JavaScript code jasmine unit test sources

7. Run unit tests from within VS2012 in Unit Tests Explorer

http://msdn.microsoft.com/en-us/library/hh270865.aspx#BKMK_Running_tests

8. Run, edit, refresh your web app (default.html in the very beginning) by using VS 2012 Page Inspector - CTRL + K, CTRL + G.

http://www.asp.net/vnext/overview/visual-studio/visual-studio-2012-page-inspector

(As usual you can just run your web app in a browser by using CTRL+F5 (run) or F5 (run in debug mode))

9. Enjoy!

P.S.

See also:

Running JavaScript tests with Chutzpah
http://chutzpah.codeplex.com/wikipage?title=runTests&referringTitle=Home


-- 
Салахетдинов Шамиль




More information about the dba-Tech mailing list