Decoded Frontend

The 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

Lifecycle 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

HOMEWORK 1: Testing Util Functions

Testing 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

Creating 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

Service 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