Conscious
Angular Testing
Testing in Angular is much easier than you think
The bundle is available with a 15%-off discount!
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.
Explore > 53 engaging videos (≈ 7 hours in total), all focused on Angular testing.
The course is expertly crafted by a Google Developer Expert in Angular and a Microsoft MVP in Developer Technologies
Designed for newbies in Angular Testing
Covers testing of standalone Angular API.
Lifetime access to all videos in the course & all course updates
Best practices that make your tests stable, clearer and more reusable.
Full access to the source code of the course
Homeworks. Apply your new skills to specially designed use cases for practical learning
Certificate about course completion
Professional English Subtitles (New 🔥)
Videos are structured into separate and independent modules for your convenience
A message from the instructor
Getting Access to Project Source Code
Mental Model of Software Testing
FREE PREVIEWTypes of Tests and Their Scope
FREE PREVIEWLet's create own testing framework 😲
FREE PREVIEWThe First Unit Tests with Jasmine Framework
Testing Framework vs Test Runner
Test Suites Explained
Setup Hooks in Jasmine Explained
Execution Order of Setup Hooks
What Are Test Matchers
How to Debug Tests
Dependencies in Unit Tests
Dependencies in Unit Tests - Stubs
Depandencies in Unit Tests - Spy
How to test async code
Testing DOM elements
Deep Dive Into Angular Bootstrapping Process
FREE PREVIEWHow Works Change Detection in Angular
FREE PREVIEWLifecycle Hooks In Angular Components
About Dependency Injection Pattern
Dependency Injection in Angular
More Free Content About Dependency Injection
Smart vs Dumb Components Pattern
Dev Environment Setup & Projects Overview
Testing Simple Util Functions
FREE PREVIEWHOMEWORK 1: Testing Util Functions
Testing a Simple Angular Service
FREE PREVIEWTesting Service with Dependencies (Injection Token)
Testing Services with inject() function (using runInInjectionContext)
Testing Services with inject() (using TestBed.inject)
Overview of the TestBed Tool
Setting Up Test Case for Components
Component Fixture Overview
Change Detection in Testing Component
Querying Elements in Tests (Native Element vs Debug Element)
What to Test in Angular Components?
Testing of Component Inputs
TIP: How to make your tests less fragile Pt.1
TIP: How to make your tests less fragile Pt.2
Testing Components with OnPush Change Detection Strategy
Testing Component with Host Directives
How to test Component Events and Event Handlers
Introducing the testing approach using Test Host Component
Testing Content Projection in Components
Improving test setup using setup function
How to setup & test Standalone Components
Testing Component Outputs without Test Host
How To Test Component Outputs using TestHost strategy
HOMEWORK 2: Component Testing
How to Test Attribute Directives
HOMEWORK 3: Testing Attribute Directive
How to test Angular Pipes
How to test Pipes with Dependencies
HOMEWORK 4: Testing an Angular Pipe with Dependency
Components with Dependencies: Deep Rendering Strategy
Components with Dependencies: Shallow Rendering Strategy (NO_ERROR_SCHEMA)
Components with Dependencies: Shallow Rendering Strategy (Stubs)
Pitfalls Using Stubs with @ViewChild(ren) Decorator
Deep Rendering vs NO_ERRORS_SCHEMA vs Stubs
How To Test Components with NgFor (+stubs);
Components with Dependencies (standalone): Deep Rendering Strategy
Components with Dependencies(standalone): Shallow Rendering Strategy (Stubs)
Structural Directive Testing | Directive overview
Structural Directive Testing | Testing Plan
Structural Directive Testing | Testing Embeded View Rendering
Structural Directive Testing | Testing Async Code
Structural Directive Testing- Testing the Countdown Clock
Missed Tip About Async Code Testing
Copy to Clipboard - Directive Functionality Overview
FREE PREVIEWCreating the Testing Plan
Setting up the TestBed for the directive tests
Testing if Directive Observable emits Proper values Pt.1
Testing if Directive Observable emits Proper values Pt.2
Tests Refactoring and Enhancement
Testing if value from [text] input is copied to the Clipboard
Testing if element innerText is copied to the Clipboard
Testing if text from HTML input is copied to the Clipboard
Another Small Improvement For The Tests
Project setup for this Section
FREE PREVIEWService with HttpClient - Test Setup
Service with HttpClient - Creating a Test Plan
Service with HttpClient - Testing the "loading" state
Service with HttpClient - Testing the successful HTTP call completion
Service with HttpClient - Testing the failed HTTP call completion Pt.12
Service with HttpClient - Testing the failed HTTP call completion Pt.2
Smart Component - Creating Testing Plan
Smart Component - TestBed Setup
Smart Component - Testing the Component "loading" state
Smart Component - Testing the Component "error" state
Smart Component - Testing If Item Cards are successfully rendered
Smart Component - Testing If Item added to the Cart on Click
Smart Component - Testing If the Item Link Leads To Proper Location
Dmytro Mezhenskyi
-- just a few of them --
And my honest answers to them
In the course, the default stack Jasmine + Karma is used.
Indeed, the Karma test runner has been recently deprecated. However, this does not make the course information outdated.
Why? Karma is used solely for running tests. The Angular team assures that the transition from Karma to Web Test Runner will be seamless and will not require additional configuration.
What about Jasmine? Jasmine will continue to be the default testing framework for Angular and will not be deprecated in the foreseeable future.
Yes. After the purchase, you can request the invoice at 👉 [email protected]. In the message, please provide the order number and your company data.
All CURRENT and FUTURE Courses with a -33% Discount
14 Days Money-Back Guarantee