Course Highlights
  • Code in Github repository with downloadable ZIP files per section
  • Testing Fundamentals
  • Angular Unit Testing Best Practices
  • Angular E2E Testing with Cypress
  • Angular Component and Service Testing
  • Asynchronous Angular Testing with fakeAsync and Async
  • Continuous Integration with Travis CI
Skills you will learn!
Curriculum

11 Topics
Angular Testing Course - Helicopter View
IMPORTANT - Recommended Software Versions
Angular Testing Course - Development Environment Setup
The Typescript Jumpstart Ebook
Quick Introduction to Jasmine - Test Suites and Specifications
Step-by-Step Implementation of our First Jasmine Specification
Unit Testing with Jasmine - Introduction to Jasmine Spies
Structuring Angular Unit Tests - Test Setup using beforeEach
IMPORTANT: Use TestBed.inject() instead of TestBed.get()
Using Dependency Injection in Angular Testing - The Angular TestBed
Angular Unit Testing Best Practices and commonly used Test Utilities

6 Topics
Testing Angular HTTP Services - Test Setup with the HttpClientTestingModule
Angular HTTP Service Testing - Step-by-Step Implementation
Preventing Unintended HTTP Requests using the HTTP Testing Controller
Testing Angular HTTP Data Modification Services
Angular HTTP Services - Testing Error Handling
Angular HTTP Testing - Checking HTTP Request Parameters

10 Topics
WARNING (Read This)
Introduction to Angular Component Testing - Presentational Components
Angular Component Testing - Test Setup with the async Test Utility
Angular Component Testing - DOM Interaction
Angular Test Debugging - How to Trigger Change Detection?
Angular Component Testing - Course Card List Test Suite Conclusion
Testing Angular Smart or Container Components - Test Setup
Mocking Observable-based Services - Testing the Home Component
Container Component Test Suite - The Home Component
Simulating User DOM Interaction in Angular Unit Tests

10 Topics
Introduction to Asynchronous Angular Testing - Understanding Jasmine done()
Understanding Asynchronous Testing - a Simple Example
Understanding the Angular fakeAsync Testing Zone
Testing Promised-based code - Introduction to Microtasks
Testing Promise-based code with fakeAsync - Understanding flushMicrotasks
Testing Asynchronous Code with fakeAsync - Full Example
Using fakeAsync to test Asynchronous Observables
fakeAsync in Practice - Fixing the Home component tests
IMPORTANT - async() renamed to waitForAsync()
Understanding the Angular waitForAsync() Test Zone

4 Topics
Angular (E2E) End to End Testing - Getting Started with Cypress
Angular E2E (End To End Test) Hello World with Cypress
How to Mock an HTTP Backend using Cypress
Simulating User Interaction in Cypress End to End Tests

3 Topics
Angular CLI Code Coverage and Deployment in Production Mode
Preparing an Angular Application for Continuous Integration (CI)
Running Cypress E2E Tests using Travis CI

2 Topics
Bonus Lecture (Updated September 2024)
Angular Testing Course - Conclusions and Key Takeaways

  Write a Review

Angular Testing Masterclass (Angular 18)

Go to Paid Course