Free sample chapter "Testing and Debugging AngularJS Applications" from my recently launched book "Learning AngularJS for .NET developers"

  My book Learning AngularJS for .NET Developers (announced here) was published today and it offers a free chapter called "Testing and Debugging AngularJS Applications" available here.
  This chapter showcases some of the first examples available of integrating Karma and Protractor test runners for AngularJS in Visual Studio through Node.js Tools for Visual Studio.

  Karma and Protractor are test runners that were built specifically for testing AngularJS applications. Both can be also be used to test non-AngularJS applications while they have AngularJS specific functionality that is explored in the chapter.

  Getting Karma and Protractor configured in Visual Studio was the essential step that allowed me to properly introduce AngularJS testing for the main sample application of the book. By using Node.js Tools for Visual Studio available at nodejstools.codeplex.com I was able to integrate the Node.js testing pipeline with the JavaScript files of my sample AngularJS ASP.NET MVC application. Of course all the tests can also be executed via the command line even if you don't have Node.js Tools for Visual Studio installed. 

  I was also able to use a Visual Studio extension VS Adapter for Google's Karma Test Runner that displayed Karma tests results in the Visual Studio Test Explorer which is another nice integration with the Node.js ecosystem.

  The second part of the chapter tackles testing ServiceStack web services via the xBehave.net test framework  and examples of unit testing classes using both xUnit.net and xBehave.net. As xBehave.net is built on top of xUnit.net you can switch between different styles of testing easily as showcased in the examples.

 The chapter ends with the topics of debugging AngularJS application and ensuring Internet Explorer 8 and 9 compatibility. The examples index for "Chapter 5: Testing and Debugging AngularJS Applications" can be found on the main sample application repository wiki at github.com/popalexandruvasile/rentthatbike/wiki.

You can find the list of headings for the free sample chapter below under "Chapter 5: Testing and Debugging AngularJS Applications". Here is the full table of contents of the book:

Chapter 1: Introducing AngularJS

• Presenting AngularJS with examples
• A jQuery example
• An AngularJS example
• Introducing the AngularJS controller
• An overview of the AngularJS architecture
• The Model-View-Controller pattern
• The structure of an AngularJS application
• Bootstrapping an AngularJS application
• Defining module dependencies
• The JavaScript patterns and practices used in AngularJS applications
• Immediately-invoked Function Expression
• The revealing module pattern
• The strict mode of JavaScript
• Dependency injection
• Introducing AngularJS services
• Directives
• The ngRepeat directive
• The ngInclude directive
• Creating a custom directive
• Filters
• Summary

Chapter 2: Creating an AngularJS Client-side Application in Visual Studio

• Using Visual Studio with NuGet to manage AngularJS and related libraries
• Introducing NuGet
• Using Visual Studio extensions for AngularJS
• Prototyping client-side components
• Organizing client-side code
• Integrating AngularJS with JavaScript libraries
• Native JavaScript libraries and AngularJS
• Third-party user interface libraries and AngularJS
• Routing
• Creating a bicycle rental management application
• Creating the application layout
• Implementing the Bicycles views
• The Bicycles index view
• The Bicycles new view
• The Bicycles edit view
• Implementing the Customers views
• Implementing the Rentals views
• Summary

Chapter 3: Creating .NET Web Services for AngularJS

• RESTful web services
• Choosing a RESTful web services framework
• Why ServiceStack is a great fit for AngularJS
• ServiceStack overview
• Setting up the ServiceStack starter project
• Creating ServiceStack web services
• Using the ServiceStack C# client
• The ServiceStack infrastructure
• Routing
• Request and response filters
• Dependency injection
• Automatic validation
• Creating web service methods for the sample application
• ServiceStack project structure
• Implementing Bicycles-related web services
• The GET web service methods
• The POST web service method
• The PUT web service method
• Merging PUT and POST request DTOs
• Calling RESTful web services in AngularJS using the ngResource module
• Using the $resource service
• Resource class methods
• Resource instance methods
• Custom resource methods
• Summary

Chapter 4: Creating an AngularJS, ASP.NET MVC, ServiceStack Application

• Using ASP.NET MVC as the application backbone
• Why you should use ASP.NET MVC
• Adding ASP.NET MVC to the main sample application
• Integrating ASP.NET MVC with ServiceStack
• Routing considerations for ASP.NET MVC and AngularJS
• Using ASP.NET bundling and minification features for AngularJS files
• Securing the AngularJS application
• Using the ServiceStack.Mvc library
• The building blocks of the ServiceStack security infrastructure
• Introducing the AuthFeature plugin
• Implementing authentication for web services
• Implementing authentication for ASP.NET MVC controllers
• Pushing initial data from the server-side application to the AngularJS application
• How to ensure that AngularJS works well with the backend
• Handling the waiting time for long operations
• Handling exceptions and implementing generic animations
• Adding a $http interceptor
• Implementing spinner animations for all web service calls
• Adding database persistence
• Adding database persistence to the AuthFeature plugin
• Adding database persistence for web services
• Persisting the Bicycle class
• Changing BicycleRepository to use the OrmLite API
• Summary

Chapter 5: Testing and Debugging AngularJS Applications

• Overview of testing AngularJS applications
• Introducing Node.js
• Setting up the Node.js environment
• Unit testing AngularJS components
• Installing Karma
• Configuring Karma
• Creating AngularJS unit tests with Jasmine
• Jasmine essentials
• Using the ngMock module for the first test
• Mocking remote server calls with $httpBackend
• Testing an AngularJS application end to end
• Installing Protractor
• Configuring Protractor
• Writing Protractor tests
• Testing web service endpoints
• Configuring self-hosted ServiceStack web services
• Adding BDD tests with xBehave.net
• Unit testing .NET code
• Techniques to debug AngularJS applications
• Support for HTML5 validation and older browsers such as Internet Explorer 8 and 9
• Summary

Chapter 6: Advanced AngularJS Topics

• Internationalization and localization
• Using the ngLocale module
• Using the angular-dynamic-locale module
• Other internationalization-related topics
• Using AngularJS animations
• Working with remote web services
• Using JSONP
• Using CORS
• Template caching
• Summary