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

Introduction

JavaScript, CSS3 transitions, and key frame animations offer a wealth of creative visual effects, for example when transitioning between two states. AngularJS offers hooks into these using the ngAnimate module. There are a range of directives that support animations, out of the box, and a full list can be found at https://docs.angularjs.org/api/ngAnimate. If you're looking for animation detection support while performing DOM operations in custom directives, then look no further than the $animation service (https://docs.angularjs.org/api/ngAnimate/service/$animate).

For information on animations, I highly recommend that you read this great article at http://www.yearofmoo.com/2013/08/remastered-animation-in-angularjs-1-2.html#testing-animations. This chapter will briefly introduce you to unit testing JavaScript animations, first using a synchronous approach and then asynchronously. The AngularJS team provides the animation mock module to help test animations (https://github.com...

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

Introduction