You're reading from Learning Angular A no-nonsense beginner's guide to building web applications with Angular 10 and TypeScript

Product type Paperback

Published in Sep 2020

Publisher Packt

ISBN-13 9781839210662

Length 430 pages

Edition 3rd Edition

Languages

JavaScript

Tools

Angular

Concepts

Front End Web Development

Authors (2):

Aristeidis Bampakos

Pablo Deeleman

View More author details

Table of Contents (19) Chapters

Preface

1. Section 1: Getting Started with Angular

2. Chapter 1: Building Your First Angular App FREE CHAPTER

3. Chapter 2: Introduction to TypeScript

4. Section 2: Components – the Basic Building Blocks of an Angular App

5. Chapter 3: Component Interaction and Inter-Communication

6. Chapter 4: Enhance Components with Pipes and Directives

7. Chapter 5: Structure an Angular App

8. Chapter 6: Enrich Components with Asynchronous Data Services

9. Section 3: User Experience and Testability

10. Chapter 7: Navigate through Components with Routing

11. Chapter 8: Orchestrating Validation Experiences in Forms

12. Chapter 9: Introduction to Angular Material

13. Chapter 10: Giving Motion to Components with Animations

14. Chapter 11: Unit test an Angular App

15. Section 4: Deployment and Practice

16. Chapter 12: Bringing an Angular App to Production

17. Chapter 13: Develop a Real-World Angular App

18. Other Books You May Enjoy

Leave a review - let other readers know what you think

Testing routing

Just like components, routes play an essential role in the way our applications deliver an efficient user experience. As such, route testing becomes paramount in ensuring a flawless performance. There are different things that we can do with routing, and we need to test for different scenarios:

Ensure that the navigation targets the right route URL.
Ensure that the correct parameters are made available so you can fetch the correct data for the component or filter the dataset that the component needs.
Ensure that a particular route ends up loading the intended component.

Let's learn more about how to test all of the scenarios in the following sections.

Testing the navigation URL

The most common feature of an Angular app with routing is a component that contains some anchor elements with routerLink directives on them. As we learned in Chapter 7, Navigate through Components with Routing, a routerLink directive can also contain parameters...