What Are Isolated Unit Tests? [Angular 4 and Angular 2]

What Are Isolated Unit Tests?

The Isolated unit tests check-up an instance of a class itself without using any Angular dependence or any injected values.

Mostly application tester creates a test instance of the class with new keyword and supplying test doubles for the constructor parameters and then investigation the test instance.

The isolated unit tests don't realize how components interact with Angular and also don't realize how a component class interacts with its own template or components.

For testing Angular Pipes and Services - we should write isolated unit tests!

The isolated unit tests don't realize how components interact with Angular and also don't realize how a component class interacts with its own template or components.

Stayed Informed - Angular 2 Docs with Examples
Stayed Informed - Angular 4 Docs with Examples

The most familiar Unit Test for the Tester and Developers as following -

1.     Create an Instances directly with new keyword

2.     Angular Agnostic Testing Techniques

3.     Exhibit Standard

4.     Substitute Test

The Most of the Tester and Developers are tried to avoid Unit Testing following methodology-

1.     Import from the Angular Test Libraries - @angular/core/testing

2.     Configure Angular module

3.     Prepare Dependency Injection Providers

4.     Call Inject or (async/fakeAsync)

Example as – This example is used to display Credit Card Number with a custom formatted in the user templates.

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
    name: 'barcode',
    pure: false
})
export class BarCodePipe implements PipeTransform {
    transform(value: string, args: any[]): string {
        if (!value) {
            return '';
        }
        return "****-****_" + (value.length > 8 ? (value.length - 8): '')
    }
}

Unit Testing to the Pipe - BarCodePipe

describe('BarCodePipe', () => {
  let pipe = new BarCodePipe();
 
  //Todo tests ...
});

References -

https://angular.io/guide/testing

https://angular.io/guide/testing#isolated-unit-tests

I hope you are enjoying with this post! Please share with you friends. Thank you!!