Angular Testing Masterclass (Angular 20)

About Angular Testing Masterclass (Angular 20)

This Course in a Nutshell

This video course, complete with a running Github repository is a complete step-by-step guide to Angular Testing in general. We are going to take a small sample application that is already completed, but that has no tests yet. We are then going to discuss the best approach to test each part of the application, and we are going to

write the tests step-by-step

, explaining _every decision along the way_. We are going to start by writing

Unit Tests

for the multiple parts of the application, and then on a later stage, we are going to learn how to perform End to End (

E2E

) tests. More than talking about _how_ to test, this course will also cover _when to test and why_ , as well as all sorts of testing best practices.

Course Overview

Starting from scratch, we are going to introduce

behavior-driven testing concepts

, by quickly introducing the main concepts and utilities of the Jasmine Testing framework. We are then going to introduce some testing best practices, and we are going to talk about

mocks and Jasmine spies

. We will then introduce some of the Angular Testing utilities such as the Angular TestBed, which we will be using to test a couple of simple Angular services. We are then going to move on to test a more complex Angular service and talk about Angular HTTP request mocking, after which we will cover the testing of Angular components. We are going to learn how to test

Angular components

with and without the DOM, what parts of the component to test, and we are going to cover in detail asynchronous tests using the

fakeAsync and async

utilities. We will cover how to test several types of typical Angular components, such as for example presentational components and smart or container components, and we will learn how to

mock Angular Observable-based services

. After unit testing the multiple components of our application, we are going to then create a test suite of

End to End tests using Cypress.

Once we have the tests written for our application, we are then going to deploy them to

Travis CI

, and make sure that the tests are triggered with every commit At the end the course, we are going to generate a test coverage report, and discuss some of the metrics

Table of Contents

This course will go over the following topics:

Introduction to the Jasmine testing framework

Introduction to Jasmine spies

Unit Testing of simple Angular Services

Jasmine testing best practices

Introduction to Angular testing utilities

Testing of complex Angular services

Mocking of Angular HTTP requests

Unit Testing of Angular Components

Asynchronous Angular Testing with fakeAsync and async

Mocking of Observable-based Services

Unit Testing of Presentational Components

Unit Testing of Smart or Container Components

Simulation of user interaction in unit tests

End to End Angular Testing with Cypress

Continuous Integration with Travis CI

Angular CLI Test Coverage Reports

What Will You Learn In this Course?

With this course, you will feel comfortable writing Angular tests for multiple types of services and components. You will know not only the multiple Jasmine and Angular testing utilities available, but you will also know _when to use them and why_ You will be familiar with Angular testing best practices, and you will know how to write useful tests that don't take a lot of time to write and that contribute a lot for the long term health of your project Have a look at the course free lessons, and please enjoy the course