Angular: Testing and Debugging

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 17m | 400 MB

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.

Table of Contents

1 Angular Testing and debugging
2 What you should know
3 Exercise files

Getting Started
4 Application overview
5 Installing project dependencies
6 Installing Angular CLI

How Angular Reports Errors
7 Error handling in Angular
8 Understanding zones in Angular apps
9 Add a new file using Angular CLI
10 Writing a custom error handler class

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

Common Async Errors
21 Getting data using REST requests
22 Updating data using REST requests
23 Working with observables
24 Catching errors from an observable

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

End-to-End Testing in Angular
33 Basic Protractor configuration
34 End-to-end testing without page objects
35 End-to-end testing with page objects
36 Challenge Testing filter input
37 Solution Testing filter input

Static Code Linting in Angular
38 Installing and running ESLint
39 Basic ESLint configuration
40 Fixing lint errors
41 Installing EditorConfig
42 Basic EditorConfig configuration

43 Next steps