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
Watch Online Conscious Angular Testing
0:00
/ #1: A message from the instructor
All Course Lessons (86)
# | Lesson Title | Duration | Access |
---|---|---|---|
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 subscriptionComments
0 commentsSimilar courses

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)
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
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
Want to join the conversation?
Sign in to comment