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

100 Angular Challenge

100 Angular Challenge

Sources: 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 and practical Components, Directive...
12 hours 23 minutes 17 seconds
Angular Basics (v15)

Angular Basics (v15)

Sources: ultimatecourses.com
Modern Angular best-practices and patterns from years of evolution. Scalable architecture, immutable data structures, state services and brand new Standalone Components. Build a...
8 hours 58 minutes 31 seconds
Build Fullstack Trello clone: WebSocket, Socket IO

Build Fullstack Trello clone: WebSocket, Socket IO

Sources: udemy
In this course we will build a Trello clone API using Angular, Typescript, NodeJS, Express, MongoDB and Socket IO . This course is fully focused on fast and deep dive into creat...
8 hours 49 minutes 48 seconds