CF

Conscious Angular Testing

10h 37m 7s
English
Paid

Write Tests Consciously. By the end of this course, you will have the ability to write and debug tests with a comprehensive and profound understanding of what you are doing and how everything functions.

Course Overview

Immerse yourself in the world of Angular testing with our extensive resources, designed to suit developers eager to master Angular Testing.

Course Content

  • Engaging Video Tutorials: Delve into > 53 videos, totaling approximately 7 hours. Each is meticulously crafted by a Google Developer Expert in Angular and a Microsoft MVP in Developer Technologies.
  • Target Audience: Ideal for developers who have some experience with Angular but are newcomers to Angular Testing.
  • Latest Angular Version: The course is designed with Angular 16 and covers testing of standalone Angular building blocks API.

Practical Applications

  • Homework Assignments: Apply your newly acquired skills to specially designed use cases that facilitate practical learning.
  • Adopt Best Practices: Learn best practices that make your tests more stable, clearer, and reusable.

About the Author: 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.

Watch Online 86 lessons

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

Course content

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

Related courses

  • 100 Angular Challenge thumbnailFreeUpdated 2y ago

    100 Angular Challenge

    By: Udemy
    Build 100 Components, Services, Directives, Pipes in Angular and Much More! We will master all Angular has to offer by building 100 re-usable.
    12 hours 23 minutes 17 seconds 5 / 5
  • Demystifying Reactivity with Angular Signals thumbnailUpdated 2y ago

    Demystifying Reactivity with Angular Signals

    By: 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
    1 hour 44 minutes 15 seconds
  • Reactive Angular Course (with RxJs) thumbnailUpdated 2y ago

    Reactive Angular Course (with RxJs)

    By: Udemy
    This course is a catalog of commonly used design patterns (and some anti-patterns) that every Angular developer should know. The goal of the course is to teach
    5 hours 33 minutes 49 seconds 5 / 5

Frequently asked questions

What is Conscious Angular Testing about?
Write Tests Consciously. By the end of this course, you will have the ability to write and debug tests with a comprehensive and profound understanding of what you are doing and how everything functions. Course Overview Immerse yourself in…
Who teaches Conscious Angular Testing?
Conscious Angular Testing is taught by Dmytro Mezhenskyi. You can find more courses by this instructor on the corresponding source page.
How long is Conscious Angular Testing?
Conscious Angular Testing contains 86 lessons with a total runtime of 10 hours 37 minutes. All lessons are available to watch online at your own pace.
Is Conscious Angular Testing free to watch?
Conscious Angular Testing is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Conscious Angular Testing online?
Conscious Angular Testing is available to watch online on CourseFlix at https://courseflix.net/course/conscious-angular-testing. The page hosts every lesson with the integrated video player; no download is required.