AngularJS Testing Cookbook

AngularJS Testing Cookbook

By : Simon Bailey

Buy this Book

AngularJS Testing Cookbook

By: Simon Bailey

Buy this Book

Overview of this book

<p>AngularJS stepped up to offer a comprehensive solution to frontend development with minimal dependencies and a clear set of objectives.</p> <p>This book follows the AngularJS philosophy and offers guidance on how to approach testing components that make up the AngularJS framework. At the start of the book, you will explore how to configure your system to run unit and end-to-end tests. Following this, you'll become familiar with fundamental principles on testing AngularJS with Jasmine. Then, you'll understand how spies can enable you to test your code with greater coverage and simplicity throughout your application. The final result is an AngularJS application that is tested with integrity, helping facilitate a cleaner and more reliable codebase.</p>

AngularJS Testing Cookbook

Credits

About the Author

About the Reviewers

www.PacktPub.com

Preface

Free Chapter

Setup and Configuration

Introduction

Creating a basic AngularJS application

Running a simple test using Jasmine

Installing Protractor

Running a simple test using Protractor

Installing Karma

Running tests using Karma

Installing Testem

Running tests using Testem

Automating test runners using Grunt

Automating test runners using Gulp

Getting Started with Testing and AngularJS

Introduction

Loading a module

Writing a test spec

Debugging AngularJS code

Mocking injected instances using an object

Mocking injected instances using spies

How to Test Navigation and Routing

Introduction

Getting started with testing using ngRoute

Testing route parameters with ngRoute

Getting started with testing using ui-router

Testing the transitioning state with ui-router

Testing URL parameters with ui-router

Testing page loading using Protractor

Testing navigation using Protractor

Testing redirection using Protractor

Testing Controllers

Introduction

Setting up for testing a controller

Testing the initial state of a scope object

Testing the initial state of a scope object with Protractor

Testing interactive scope changes with Protractor

Testing navigation scope changes with Protractor

Testing User Interaction and Directives

Introduction

Starting with testing directives

Setting up templateUrl

Searching elements using selectors

Accessing basic HTML content

Accessing repeater content

Scope changes based on user input

Scope changes based on DOM events

Class changes based on window properties

Directive changes on interaction using Protractor

Using Spies to Test Events

Introduction

Testing event dispatches

Testing the handling of dispatched events

Testing the handling of external events

Testing the handling of callbacks

Testing events using Protractor

Testing Filters

Introduction

Testing a filter that formats a number as text

Testing a filter that formats seconds to a time string

Using Protractor to test filter changes based on input

Using Protractor to test filter changes based on events

Service and Factory Testing with Mocks and Spies

Introduction

Getting started with testing a service

Testing HTTP GET requests using $httpBackend

Testing HTTP POST requests using $httpBackend

Using spies to test HTTP GET requests

Using spies to test HTTP POST requests

Testing service data using mock helpers

Testing rejected $http promises

Testing constants

Using Protractor to test HTTP requests

A Brief Look at Testing Animations

Introduction

Synchronous testing of animations

Testing animations with ngAnimateMock

Asynchronous testing of animations

Index

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Getting started with testing using ngRoute

To configure routes, we need to use the $routeProvider function; this maps paths from the current URL to a route object. The route object can include a controller, an HTML template, and other properties (for more information, visit https://docs.angularjs.org/api/ngRoute/provider/$routeProvider). This recipe will show you how to lay the initial groundwork to begin testing your routing logic, such as mapped values, and assigning route parameters to scope.

Getting ready

Ensure that you have included the angular-route.js file as documented in this chapter's introduction. You can use the following example code as a basis for testing in this recipe or use an existing application that includes ngRoute:

Load the ngRoute module in your application by adding it as a dependent module:
```
  angular.module('chapter3.ngRoute', ['ngRoute'])
```
Add a config block that will get applied during the application's bootstrap process. The config block injects providers, so this...

AngularJS Testing Cookbook

By : Simon Bailey

AngularJS Testing Cookbook

By: Simon Bailey

Overview of this book

Related Content you might be interested in

Current Title:

AngularJS Testing Cookbook

Getting started with testing using ngRoute

Getting ready