Who says that testing the Angular router is an icky job? 🙃

A quick intro to navigation and router unit testing in Angular.

Let me be crystal clear.

Photo by Tadeusz Lakota on Unsplash

I want to make sure we get this straight and certain from the get-go.

When I say testing the Angular router I don’t mean that we’re actually writing tests for the Angular router.

Instead, here’s what I’m trying to say.

When I say testing the…

In less than 30 seconds.

Here’s how to configure code coverage to discover which chunks of your Angular application are being tested.





1. Change the angular.json

Open the angular.json file in the root folder of your Angular project.

Scroll to the test section and add the codeCoverage: true line.

Like this.

"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"codeCoverage": true

Now, when you restart the Angular testing process, you’ll see…

Frustrated with your slow Angular app? Here’s how to double or even triple the speed of your Angular application.

Need to make your Angular app perform faster RIGHT NOW? Then click here to view and download the complete Angular performance checklist.

Otherwise, if you want to dive deep…

…into all the mechanics and logic of how we improve the performance of an Angular application, then read on.

We’ve got…

Here’s the complete guide to setting up a login form and authentication with Angular.

Photo by Markus Spiske on Unsplash



And authorization.

How do you do it?

How do you add a login form to your Angular application?

And how do you make sure that users that aren’t logged in automatically see your login page? And the logged-in (authenticated) users see the dashboard or something else?

In this…

Daniel Kreider

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store