Conscious Angular Testing

10h 37m 7s
English
Paid

Course description

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.

Read more about the course
  • 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.

Watch Online

Join premium to watch
Go to premium
# Title Duration
1 A message from the instructor 03:48
2 Getting Access to Project Source Code 02:49
3 Mental Model of Software Testing 03:39
4 Types of Tests and Their Scope 04:48
5 Let's create own testing framework 07:12
6 The First Unit Tests with Jasmine Framework 04:27
7 Testing Framework vs Test Runner 10:34
8 Test Suites Explained 07:04
9 Setup Hooks in Jasmine Explained 09:51
10 Execution Order of Setup Hooks 04:48
11 What Are Test Matchers 12:11
12 How to Debug Tests 06:49
13 Dependencies in Unit Tests 05:40
14 Dependencies in Unit Tests - Stubs 08:44
15 Depandencies in Unit Tests - Spy 11:20
16 How to test async code 17:39
17 Testing DOM elements 13:55
18 Deep Dive Into Angular Bootstrapping Process 06:32
19 How Works Change Detection in Angular 07:28
20 Lifecycle Hooks In Angular Components 08:55
21 About Dependency Injection Pattern 10:30
22 Dependency Injection in Angular 12:22
23 Smart vs Dumb Components Pattern 06:19
24 Dev Environment Setup & Projects Overview 04:48
25 Testing Simple Util Functions 12:32
26 Testing a Simple Angular Service 12:03
27 Testing Service with Dependencies (Injection Token) 06:06
28 Testing Services with inject() function (using runInInjectionContext) 08:07
29 Testing Services with inject() (using TestBed.inject) 04:45
30 Overview of the TestBed Tool 05:10
31 Setting Up Test Case for Components 10:05
32 Component Fixture Overview 03:50
33 Change Detection in Testing Component 06:51
34 Querying Elements in Tests (Native Element vs Debug Element) 10:37
35 What to Test in Angular Components? 07:40
36 Testing of Component Inputs 11:58
37 TIP: How to make your tests less fragile Pt.1 03:17
38 TIP: How to make your tests less fragile Pt.2 07:28
39 Testing Components with OnPush Change Detection Strategy 07:07
40 Testing Component with Host Directives 07:47
41 How to test Component Events and Event Handlers 05:53
42 Introducing the testing approach using Test Host Component 11:23
43 Testing Content Projection in Components 03:34
44 Improving test setup using setup function 06:34
45 How to setup & test Standalone Components 07:28
46 Testing Component Outputs without Test Host 09:51
47 How To Test Component Outputs using TestHost strategy 09:41
48 How to Test Attribute Directives 14:27
49 How to test Angular Pipes 08:14
50 How to test Pipes with Dependencies 12:48
51 Components with Dependencies: Deep Rendering Strategy 08:37
52 Components with Dependencies: Shallow Rendering Strategy (NO_ERROR_SCHEMA) 08:45
53 Components with Dependencies: Shallow Rendering Strategy (Stubs) 09:32
54 Pitfalls Using Stubs with @ViewChild(ren) Decorator 06:19
55 How To Test Components with NgFor (+stubs); 05:23
56 Components with Dependencies (standalone): Deep Rendering Strategy 04:18
57 Components with Dependencies(standalone): Shallow Rendering Strategy (Stubs) 05:55
58 Structural Directive Testing | Directive overview 03:35
59 Structural Directive Testing | Testing Plan 03:21
60 Structural Directive Testing | Testing Embeded View Rendering 06:45
61 Structural Directive Testing | Testing Async Code 10:20
62 Structural Directive Testing- Testing the Countdown Clock 09:02
63 Missed Tip About Async Code Testing 03:53
64 Copy to Clipboard - Directive Functionality Overview 06:12
65 Creating the Testing Plan 02:43
66 Setting up the TestBed for the directive tests 09:22
67 Testing if Directive Observable emits Proper values Pt.1 12:48
68 Testing if Directive Observable emits Proper values Pt.2 05:40
69 Tests Refactoring and Enhancement 03:56
70 Testing if value from [text] input is copied to the Clipboard 04:50
71 Testing if element innerText is copied to the Clipboard 04:51
72 Testing if text from HTML input is copied to the Clipboard 04:49
73 Project setup for this Section 05:02
74 Service with HttpClient - Test Setup 08:51
75 Service with HttpClient - Creating a Test Plan 04:16
76 Service with HttpClient - Testing the "loading" state 07:22
77 Service with HttpClient - Testing the successful HTTP call completion 08:02
78 Service with HttpClient - Testing the failed HTTP call completion Pt.12 08:53
79 Service with HttpClient - Testing the failed HTTP call completion Pt.2 07:46
80 Smart Component - Creating Testing Plan 06:05
81 Smart Component - TestBed Setup 06:02
82 Smart Component - Testing the Component "loading" state 04:47
83 Smart Component - Testing the Component "error" state 03:29
84 Smart Component - Testing If Item Cards are successfully rendered 06:30
85 Smart Component - Testing If Item added to the Cart on Click 06:25
86 Smart Component - Testing If the Item Link Leads To Proper Location 05:13

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Complete Angular Developer in 2023 Zero to Mastery

Complete Angular Developer in 2023 Zero to Mastery

Sources: zerotomastery.io
Learn Angular from a senior industry professional. This is the only Angular course you need to learn Angular, build enterprise-level applications from scratch & get hired as an ...
27 hours 28 minutes 36 seconds
Angular 9 Firebase Project Course

Angular 9 Firebase Project Course

Sources: fireship.io
The Angular Firebase PWA Course will teach you how to build a complex progressive web app with Angular 9 (ivy), Material Design, and Firebase. It starts from absolute basics and...
2 hours 46 minutes 56 seconds
PROFESSIONAL Full Stack Developer

PROFESSIONAL Full Stack Developer

Sources: Amigoscode (Nelson Djalo)
Are you ready to level up your coding skills and become a full stack professional? Our new 50+ hours course is designed to equip you with the latest tools and techniques to buil...
54 hours 23 minutes 35 seconds
Complete Angular Developer in 2025 Zero to Mastery

Complete Angular Developer in 2025 Zero to Mastery

Sources: zerotomastery.io
Learn Angular from a senior industry professional. This is the only Angular course you need to learn Angular, build enterprise-level applications from scratc...
52 hours 28 minutes 39 seconds
Angular - The Complete Guide (2023 Edition)

Angular - The Complete Guide (2023 Edition)

Sources: udemy
Angular 9 simply is the latest version of Angular 2, you will learn this amazing framework from the ground up in this course! Join the most comprehensive, popu
34 hours 58 minutes 7 seconds