条件渲染信息的角度单元测试

Answer 1

你可以尝试两种方法吗？

1. fakeAsync

   和

   flush

代码：

it('should be visible when visible is true and invisible when false', fakeAsync(()=> {
    component.visible = true;
    fixture.detectChanges();
    flush();
      expect(fixture.debugElement.nativeElement.querySelector('.dialog')).toBeTruthy();
    component.visible = false;
    fixture.detectChanges();
    flush();
    expect(fixture.debugElement.nativeElement.querySelector('.dialog')).toBeFalsy();

  }));

2. await fixture.whenStable();

代码：

it('should be visible when visible is true and invisible when false', async ()=> {
    component.visible = true;
    fixture.detectChanges();
    await fixture.whenStable();
      expect(fixture.debugElement.nativeElement.querySelector('.dialog')).toBeTruthy();
    component.visible = false;
    fixture.detectChanges();
    await fixture.whenStable();
    expect(fixture.debugElement.nativeElement.querySelector('.dialog')).toBeFalsy();

  });