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

Testing navigation using Protractor

When testing navigation, it would be great to actually load and navigate through states within a browser. Luckily, we can do just that using Protractor. This is quite compelling, because, typically, to test interactive route changes we would expect a manual process whereby a user would have to load the page in a browser and interact with elements, for example clicking a button to trigger a route/state change. We can configure Protractor to follow a defined set of instructions and mimic user actions thereby saving a lot of our time and effort plus enabling a greater spectrum of application testing. In this recipe, we will test navigation through an AngularJS application based on element interaction using Protractor.

Getting ready

For this recipe, we can build on the steps from the Getting ready section from the Testing URL parameters with ui-router recipe in this chapter. This will provide us with a default home state and the emcees state to transition to...

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

Testing navigation using Protractor

Getting ready