У меня есть такой тег div
<input type="checkbox" #test [(ngModel)]="checked">
<div *ngIf="checked">
Test Data
</div>
, и я пытаюсь написать блок-тест для отображения и скрытия тега div.
beforeEach(() => {
fixture = TestBed.createComponent(TestCoponent);
component = fixture.componentInstance;
component.ngOnInit();
fixture.detectChanges();
});
it('Div tag should show and hide', async(() => {
cnst checkbox = fixture.debugElement.query(By.css('#test')).nativeElement;
expect(checkbox.checked).toBeFalsy();
input.click();
fixture.detectChanges();
expect(input.checked).toBeTruthy();
}));