Unit Testing in Angular
Unit Testing in Angular
1. Component
How to Test Component .
counter.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-counter',
templateUrl: './counter.component.html',
styleUrls: ['./counter.component.css']
})
export class CounterComponent {
counter : number;
constructor( ) {
this.counter = 0;
}
inc(){
this.counter++;
}
dec(){
this.counter--;
}
counter.component.html
<p>
Number : {{counter}}
</p>
describe('CounterComponent', () => {
let component: CounterComponent;
let fixture: ComponentFixture<CounterComponent>;
let debugElement: DebugElement;
let HtmlElement: HTMLElement;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ CounterComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(CounterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
debugElement = fixture.debugElement.query(By.css('p'));
HtmlElement = debugElement.nativeElement;
});
});