Conscious Angular Testing

10h 37m 7s
English
Paid
May 17, 2024

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.

More
  • 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 Conscious Angular Testing

Join premium to watch
Go to premium
# Title Duration
1 A message from the instructor 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

Similar courses to Conscious Angular Testing

Learn to build an e-commerce app with .Net Core and Angular

Learn to build an e-commerce app with .Net Core and Angular

Duration 36 hours 40 minutes 51 seconds
Angular and Golang: A Rapid Guide - Advanced

Angular and Golang: A Rapid Guide - Advanced

Duration 9 hours 40 minutes 39 seconds
Demystifying Reactivity with Angular Signals

Demystifying Reactivity with Angular Signals

Duration 1 hour 44 minutes 15 seconds
NGRX Store + Effects

NGRX Store + Effects

Duration 7 hours 44 minutes 8 seconds
React, Angular, Node In-Depth Guide: Beginner to Pro

React, Angular, Node In-Depth Guide: Beginner to Pro

Duration 80 hours 1 minute 57 seconds
Accelerating Through Angular 2

Accelerating Through Angular 2

Duration 1 hour 4 minutes 35 seconds
Angular NgRx: Getting Started

Angular NgRx: Getting Started

Duration 4 hours 5 minutes 32 seconds
The Modern Angular Bootcamp [2020]

The Modern Angular Bootcamp [2020]

Duration 45 hours 23 minutes 12 seconds
Angular - The Complete Guide

Angular - The Complete Guide

Duration 26 hours 25 minutes 26 seconds