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

Watch Online Conscious Angular Testing

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

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 w...
45 hours 23 minutes 12 seconds
NgRx (with NgRx Data) - The Complete Guide (FREE E-Book)

NgRx (with NgRx Data) - The Complete Guide (FREE E-Book)

Sources: udemy
This course is a complete guide to the new NgRx Ecosystem, including NgRx Data, Store, Effects, Router Store, NgRx Entity, and DevTools, and comes with a running Github repo.
6 hours 11 minutes 19 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
Build an app with ASPNET Core and Angular from scratch

Build an app with ASPNET Core and Angular from scratch

Sources: udemy
Have you learnt the basics of ASP.NET Core and Angular? Not sure where to go next? This course should be able to help with that. In this course we start from nothing and incr...
29 hours 51 minutes 36 seconds
Reactive Angular Course (with RxJs)

Reactive Angular Course (with RxJs)

Sources: 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 you how to comfor...
5 hours 33 minutes 49 seconds