Angular: Testing and Debugging

Course details

Errors caused by missing dependencies, undefined variables, or poorly formatted data can cause your web application to stop working. In this course, learn how to track down and eliminate these types of errors in your Angular applications through the process of testing and debugging. Instructor Derek Peruo breaks down common error messages and goes over a variety of testing and debugging options. He also covers code linting, shares some tips and tricks for avoiding pitfalls during development, and goes into writing custom error handlers to make it easier to work with errors as your application grows.

Concepts

0. Introduction

01 - Angular - Testing and debugging
02 - What you should know
03 - Exercise files

1. Getting Started

04 - Application overview
05 - Installing project dependencies
06 - Installing Angular CLI

2. How Angular Reports Errors

07 - Error handling in Angular
08 - Understanding zones in Angular apps
09 - Add a new file using Angular CLI
10 - Writing a custom error handler class
11 - Changes for Angular v16

3. Common Syntax Errors

12 - Adding a local storage service
13 - Fixing dependency injection errors
14 - Getting and setting data in local storage
15 - Adding a custom Angular pipe
16 - Using regular expressions to find content
17 - Using a pipe to change HTML content
18 - Common pipe errors
19 - Understanding Angular decorators
20 - Challenge - Filter the array of users by locationId
21 - Solution - Filter the array of users by locationId

4. Common Async Errors

22 - Getting data using REST requests
23 - Updating data using REST requests
24 - Working with observables
25 - Catching errors from an observable

5. Unit Testing in Angular

26 - Testing overview
27 - Basic Karma configuration
28 - Testing services
29 - Fixing injection dependency errors
30 - Testing pipes
31 - Testing components
32 - Challenge - Custom test bed wrapper
33 - Solution - Custom test bed wrapper

6. End-to-End Testing in Angular

34 - Basic Protractor configuration
35 - End-to-end testing without page objects
36 - End-to-end testing with page objects
37 - Changes for Angular v12
38 - Challenge - Testing filter input
39 - Solution - Testing filter input

7. Static Code Linting in Angular

40 - Installing and running ESLint
41 - Basic ESLint configuration
42 - Fixing lint errors
43 - Installing EditorConfig
44 - Basic EditorConfig configuration

Conclusion

45 - Next steps