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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 86 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: A message from the instructor

All Course Lessons (86)

#Lesson TitleDurationAccess
1
A message from the instructor Demo
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

Unlock unlimited learning

Get instant access to all 85 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Demystifying Reactivity with Angular Signals

Demystifying Reactivity with Angular Signals

Sources: fullstack.io
Welcome to an insightful journey into building modern Angular applications with signals. This article aims to shed light on the relatively untapped potential of signals in Angul...
1 hour 44 minutes 15 seconds
The Modern Angular Bootcamp [2020]

The Modern Angular Bootcamp [2020]

Sources: udemy, Stephen Grider
Angular has been under development by Google for nearly a full decade. It has one purpose: scale up to gracefully handle the largest and most complex web apps around. If you wan...
45 hours 23 minutes 12 seconds
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 Architecture. How to Build Scalable Web Applications

Angular Architecture. How to Build Scalable Web Applications

Sources: udemy
The main goal of the course is to learn how to make scalable applications that will be easy to maintain, and on which you can conveniently work as a team. You will see that a co...
7 hours 34 minutes 45 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