English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 86 Lessons (10h 37m) | 2.18 GB
Testing in Angular is much easier than you think
Write Tests Consciously
At the end of the course, you will be able to write and debug tests with a full and in-depth understanding of what you are doing and how things are working.
- Explore > 53 engaging videos (≈ 7 hours in total), all focused on Angular testing. These are expertly crafted by a Google Developer Expert in Angular and a Microsoft MVP in Developer Technologies
- The course is designed for developers with some Angular experience but newbies in Angular Testing
- Designed with Angular 16 and covers testing of standalone Angular building blocks API.
- Homeworks: Apply your new skills to specially designed use cases for practical learning
- Best practices that make your tests stable, clearer and more reusable.
Table of Contents
1 A message from the instructor
2 Getting Access to Project Source Code
3 Mental Model of Software Testing
4 Types of Tests and Their Scope
5 Let’s create own testing framework
6 The First Unit Tests with Jasmine Framework
7 Testing Framework vs Test Runner
8 Test Suites Explained
9 Setup Hooks in Jasmine Explained
10 Execution Order of Setup Hooks
11 What Are Test Matchers
12 How to Debug Tests
13 Dependencies in Unit Tests
14 Dependencies in Unit Tests – Stubs
15 Depandencies in Unit Tests – Spy
16 How to test async code
17 Testing DOM elements
18 Deep Dive Into Angular Bootstrapping Process
19 How Works Change Detection in Angular
20 Lifecycle Hooks In Angular Components
21 About Dependency Injection Pattern
22 Dependency Injection in Angular
23 Smart vs Dumb Components Pattern
24 Dev Environment Setup & Projects Overview
25 Testing Simple Util Functions
26 Testing a Simple Angular Service
27 Testing Service with Dependencies (Injection Token)
28 Testing Services with inject() function (using runInInjectionContext)
29 Testing Services with inject() (using TestBed.inject)
30 Overview of the TestBed Tool
31 Setting Up Test Case for Components
32 Component Fixture Overview
33 Change Detection in Testing Component
34 Querying Elements in Tests (Native Element vs Debug Element)
35 What to Test in Angular Components?
36 Testing of Component Inputs
37 TIP: How to make your tests less fragile Pt.1
38 TIP: How to make your tests less fragile Pt.2
39 Testing Components with OnPush Change Detection Strategy
40 Testing Component with Host Directives
41 How to test Component Events and Event Handlers
42 Introducing the testing approach using Test Host Component
43 Testing Content Projection in Components
44 Improving test setup using setup function
45 How to setup & test Standalone Components
46 Testing Component Outputs without Test Host
47 How To Test Component Outputs using TestHost strategy
48 How to Test Attribute Directives
49 How to test Angular Pipes
50 How to test Pipes with Dependencies
51 Components with Dependencies: Deep Rendering Strategy
52 Components with Dependencies: Shallow Rendering Strategy (NO_ERROR_SCHEMA)
53 Components with Dependencies: Shallow Rendering Strategy (Stubs)
54 Pitfalls Using Stubs with @ViewChild(ren) Decorator
55 How To Test Components with NgFor (+stubs);
56 Components with Dependencies (standalone): Deep Rendering Strategy
57 Components with Dependencies(standalone): Shallow Rendering Strategy (Stubs)
58 Structural Directive Testing | Directive overview
59 Structural Directive Testing | Testing Plan
60 Structural Directive Testing | Testing Embeded View Rendering
61 Structural Directive Testing | Testing Async Code
62 Structural Directive Testing- Testing the Countdown Clock
63 Missed Tip About Async Code Testing
64 Copy to Clipboard – Directive Functionality Overview
65 Creating the Testing Plan
66 Setting up the TestBed for the directive tests
67 Testing if Directive Observable emits Proper values Pt.1
68 Testing if Directive Observable emits Proper values Pt.2
69 Tests Refactoring and Enhancement
70 Testing if value from [text] input is copied to the Clipboard
71 Testing if element innerText is copied to the Clipboard
72 Testing if text from HTML input is copied to the Clipboard
73 Project setup for this Section
74 Service with HttpClient – Test Setup
75 Service with HttpClient – Creating a Test Plan
76 Service with HttpClient – Testing the “loading” state
77 Service with HttpClient – Testing the successful HTTP call completion
78 Service with HttpClient – Testing the failed HTTP call completion Pt.12
79 Service with HttpClient – Testing the failed HTTP call completion Pt.2
80 Smart Component – Creating Testing Plan
81 Smart Component – TestBed Setup
82 Smart Component – Testing the Component “loading” state
83 Smart Component – Testing the Component “error” state
84 Smart Component – Testing If Item Cards are successfully rendered
85 Smart Component – Testing If Item added to the Cart on Click
86 Smart Component – Testing If the Item Link Leads To Proper Location
Resolve the captcha to access the links!