CF

Conscious Angular Testing

10h 37m 7s
English
Paid

Conscious Angular Testing is a 86-lesson 10 hours 37 minutes self-paced course by Dmytro Mezhenskyi. This course is built around one goal: writing Angular tests you actually understand, not tests you copy-pasted until they went green.

Course facts

Lessons
86
Duration
10 hours 37 minutes
Level
All levels
Language
English
Updated
Instructor
Dmytro Mezhenskyi
Price
Premium

This course is built around one goal: writing Angular tests you actually understand, not tests you copy-pasted until they went green. It's aimed at developers who already know Angular but are new to testing it properly, using Angular 16 and its standalone building blocks.

How it's structured

Across more than 53 video lessons — roughly 7 hours of material put together by an instructor who is both a Google Developer Expert in Angular and a Microsoft MVP — you work through the reasoning behind each testing technique, not just the syntax. Homework assignments built around realistic scenarios give you a chance to apply what you've just seen instead of moving straight to the next topic.

By the end, the aim is tests that are more stable, easier to read, and easier to reuse, along with a genuine understanding of what's happening when a test passes or fails.

Who teaches Conscious Angular Testing? Dmytro Mezhenskyi

Dmytro Mezhenskyi thumbnail

Dmytro Mezhenskyi is a Ukrainian software engineer and Angular educator behind the Decoded Frontend YouTube channel and paid course platform. He is a Google Developer Expert for Angular and one of the most consistently active independent voices on advanced Angular patterns.

His CourseFlix listing carries three Decoded Frontend courses: Advanced Angular Forms, Conscious Angular Testing, and Angular Interview Hacking (interview-prep specifically for Angular roles). Material is paid and aimed at intermediate-and-up Angular developers who want depth on patterns that recur in production Angular codebases.

What lessons are included in Conscious Angular Testing?

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

What courses are similar to Conscious Angular Testing?

More courses by Dmytro Mezhenskyi

Frequently asked questions

What prerequisites should I have before taking this course?
Before enrolling, you should have some experience with Angular. While the course is tailored for developers new to Angular Testing, a basic understanding of Angular's framework will be beneficial as the course delves into testing concepts specifically for Angular applications.
What will I learn to build by the end of the course?
By the end of the course, you will be able to write and debug tests for Angular applications using tools like the Jasmine Framework and TestBed. You'll also learn to test components, services, directives, and pipes with various strategies, including standalone and dependency injection approaches.
Who is the target audience for this course?
The course is ideal for developers who already have some experience with Angular but are new to Angular Testing. It is designed for those eager to understand and apply testing strategies within Angular applications using the latest Angular version.
How does this course compare to other Angular courses?
Unlike other courses that might focus on general Angular development, this course is specifically concentrated on Angular Testing. It provides a deep dive into testing various aspects of Angular applications, including components, services, and the entire bootstrapping process using Angular 16.
What testing frameworks or tools are covered in this course?
The course covers the Jasmine Framework extensively for unit testing. It also explores the TestBed tool for setting up test cases for components, services, and other Angular building blocks. The course includes lessons on using stubs, spies, and executing asynchronous testing.
What topics are not covered in this course?
The course does not cover non-testing aspects of Angular development, such as Angular routing, state management with NgRx, or server-side rendering with Angular Universal. It strictly focuses on testing strategies and best practices within Angular applications.
What is the expected time commitment for this course?
The course comprises over 53 video tutorials totaling approximately 7 hours of content. In addition to video tutorials, there are practical homework assignments designed to reinforce learning. Students should allocate additional time for these assignments to fully grasp the testing concepts.