book

Testing Angular Applications

Name: Testing Angular Applications
ISBN: 9781617293641

by Corinna Cohn, Corinna Coen, Michael Giambalvo, Craig Nishina, Jesse Palmer

January 2019

Intermediate to advanced

240 pages

5h 59m

English

Manning Publications

Read now

Unlock full access

Titlepage
Copyright
Dedication
foreword
preface
acknowledgments
about this book
Who should read this bookHow this book is organized: a roadmapAbout the code Book forum
about the authors
about the cover illustration
Chapter 1: Introduction to testing Angular applications
1.1 Angular testing overview1.2 Getting friendly with TypeScript1.3 A closer look at test types1.3.1 Unit tests1.3.2 E2E tests1.3.3 Unit tests vs. E2E testsSummary

part 1: Unit testing
Chapter 2: Creating your first tests
2.1 Writing tests using Jasmine2.1.1 Writing basic tests2.2 Testing classes2.2.1 Adding the rest of the testsSummary
Chapter 3: Testing components
3.1 Basic component tests3.2 Real-world component testing3.2.1 Importing the dependencies3.2.2 Setting up the tests3.2.3 Adding the testsSummary
Chapter 4: Testing directives
4.1 What are directives?4.1.1 Components vs. directives4.1.2 Different directives4.2 Testing attribute directives4.2.1 Introducing the favorite icon directive4.2.2 Creating tests for FavoriteIconDirective4.2.3 Setting up the FavoriteIconDirective test suite4.2.4 Creating the FavoriteIconDirective tests4.3 Testing structural directives4.3.1 Introducing ShowContactsDirective4.3.2 Creating your tests for ShowContactsDirective4.3.3 Setting up the ShowContactsDirective test suite4.3.4 Creating the ShowContactsDirective testsSummary
Chapter 5: Testing pipes
5.1 Introducing PhoneNumberPipe5.2 Testing PhoneNumberPipe5.2.1 Testing the default usage for a pipe5.2.2 Testing a pipe with a single parameter5.2.3 Pipes with multiple parametersSummary
Chapter 6: Testing services
6.1 What are services?6.2 How do services work in Angular?6.2.1 Dependency injection6.2.2 The @Injectable class decorator6.3 Creating services with Angular CLI6.4 Testing PreferencesService6.4.1 Testing for failures6.5 Testing services with promises6.5.1 How asynchronous changes testing 6.5.2 Testing for failures with asynchronous services6.6 Testing HTTP services with observablesSummary
Chapter 7: Testing the router
7.1 What is the Angular router?7.1.1 Configuring the router7.1.2 Route guards: the router’s lifecycle hooks7.2 Testing routed components7.2.1 Testing router navigation with RouterTestingModule7.2.2 Testing router parameters7.3 Testing advanced routes7.3.1 Route guards7.3.2 Resolving data before loading a routeSummary
part 2: End-to-end testing
Chapter 8: Getting started with Protractor
8.1 How Protractor works8.2 Writing your first Protractor test8.2.1 File structure8.3 Installing and running8.4 Interacting with elements8.4.1 Test scenario: creating a new contact8.4.2 Test scenario: workflows that don’t create a new contact8.5 by and element methods8.6 Interacting with a list of elements8.6.1 Filtering web elements8.6.2 Mapping the contact list to an array8.6.3 Reduce8.7 Page objectsSummary
Chapter 9: Understanding timeouts
9.1 Kinds of timeouts9.2 Testing pages without Angular9.2.1 Disabling waitForAngular9.2.2 Automatically waiting for Angular9.2.3 When to use browser.waitForAngularEnabled()9.3 Waiting with ExpectedConditions9.3.1 Waiting for the contact list to load9.3.2 Testing a dialog9.3.3 Waiting for elements to become stale9.4 Creating custom conditions9.4.1 Using browser.wait9.4.2 Getting elements from the browser9.5 Handling long-running tasks9.5.1 Using expected conditions9.5.2 The browser event loop9.5.3 What happened to $timeout?9.5.4 Highway to the Angular zone9.5.5 Fixing the testSummary
Chapter 10: Advanced Protractor topics
10.1 Configuration file in depth10.1.1 Driver provider options10.1.2 Desired capabilities10.1.3 Plugins10.1.4 Environment variables10.2 Screenshot testing10.2.1 Taking screenshots10.2.2 Taking screenshots on test failure10.2.3 Comparing screenshots10.3 Experimental debugging features10.3.1 WebDriver logs10.3.2 Highlight delay10.3.3 Blocking proxy10.4 The control flow and debugging with Chrome DevTools10.4.1 Asynchronous functions and promises10.4.2 The WebDriver control flow10.4.3 The future: async/await10.4.4 Using Chrome DevToolsSummary
part 3: Continuous integration
Chapter 11: Continuous integration
11.1 Jenkins11.1.1 Setting up Jenkins11.1.2 Unit tests11.1.3 E2E tests11.2 CircleCISummary
Appendix A: Setting up the sample project
Introducing the Angular CLIInstalling prerequisitesInstalling the Angular CLI the first timeUpdating an old version of the Angular CLIInstalling the sample projectInstalling dependenciesRunning the application
Appendix B: Additional resources
Angular testingGeneral testing
Index
Lists of Figures, Tables and Listings

Content preview from Testing Angular Applications

4 Testing directives

This chapter covers

Using the types of directives available in Angular
Testing attribute and structural directives
Using TestMetaData to configure TestBed

In this chapter, you’ll learn how to test directives. Directives, like components, are a way to encapsulate parts of your application as reusable chunks of code. With regard to functionality, both directives and components allow you to add behavior to the HTML in your application.

For example, let’s say your application has a table, and you want to change the background color of a row when the pointer hovers over it. You could create a directive named HighlightRowDirective that adds that row highlighting behavior and reuse it throughout your project.

Before you ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Architecting Reactive Angular Applications with Redux and NgRx

Publisher Resources

ISBN: 9781617293641Publisher Support Publisher Website Errata Page

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Testing Angular Applications

by Corinna Cohn, Corinna Coen, Michael Giambalvo, Craig Nishina, Jesse Palmer

4 Testing directives

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.