Scribd
Upload
208 views3 pages

Unit Testing in Angular

The document discusses how to test an Angular component using the TestBed and provides examples of unit tests for a counter component. It shows how to: 1. Configure the TestBed to declare the component 2. Create the component fixture and get references to the component instance and debug element 3. Write tests to check that the component is created correctly, displays the initial counter value, and increments/decrements the counter correctly on button clicks.

Uploaded by

mahi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
208 views3 pages

Unit Testing in Angular

The document discusses how to test an Angular component using the TestBed and provides examples of unit tests for a counter component. It shows how to: 1. Configure the TestBed to declare the component 2. Create the component fixture and get references to the component instance and debug element 3. Write tests to check that the component is created correctly, displays the initial counter value, and increments/decrements the counter correctly on button clicks.

Uploaded by

mahi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd

Unit Testing in Angular

1. Component
How to Test Component .

[Link]
import { Component } from '@angular/core';

@Component({
selector: 'app-counter',
templateUrl: './[Link]',
styleUrls: ['./[Link]']
})
export class CounterComponent {
counter : number;
constructor( ) {
[Link] = 0;
}

inc(){
[Link]++;
}

dec(){
[Link]--;
}

[Link]
<p>
Number : {{counter}}
</p>

<button (click) ="inc();">Increment</button>


<button (click) ="dec();">Decrement</button>
[Link]
import { async, ComponentFixture, TestBed } from '@angular/core/testing';

import { CounterComponent } from './[Link]';


import { DebugElement } from '@angular/core';
import { By } from '@angular/platform-browser';

describe('CounterComponent', () => {
let component: CounterComponent;
let fixture: ComponentFixture<CounterComponent>;
let debugElement: DebugElement;
let HtmlElement: HTMLElement;

beforeEach(async(() => {
[Link]({
declarations: [ CounterComponent ]
})
.compileComponents();
}));

beforeEach(() => {
fixture = [Link](CounterComponent);
component = [Link];
[Link]();
debugElement = [Link]([Link]('p'));
HtmlElement = [Link];
});

it('should create', () => {


expect(component).toBeTruthy();
});

it('should display the current number of the counter', () => {


const initialvalue = [Link];
// expect([Link]).toEqual('Number : 0');
expect(initialvalue).toBe(0);
});

it('should increment the counter number by one', () => {


const initialvalue = [Link];
[Link]();
[Link]();
const newvalue = [Link];
expect(newvalue).toBeGreaterThan(initialvalue);
});

it('should decrement the counter number by one', () => {


const initialvalue = [Link];
[Link]();
[Link]();
const newvalue = [Link];
expect(newvalue).toBeLessThan(initialvalue);
});

});

[Link] Module Testing

You might also like