Jasmine 测试用例无法读取未定义的属性“关闭”

Question

我尝试为close 方法编写单元测试用例，但是当我执行ng test 时出现以下错误

TypeError: Cannot read property 'close' of undefined

下面是我的测试代码

describe('CPComponent', () => {
    let fixture: ComponentFixture<CPComponent>;
    let component: CPComponent;
    let de: DebugElement;
    let el: HTMLElement;


    beforeEach(() => {
        TestBed.configureTestingModule({
            schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
            declarations: [ CPComponent ],
            imports: [CommonModule, CookieModule.forRoot()],

        });
        TestBed.compileComponents();
        fixture = TestBed.createComponent(CPComponent);
    });

 it('should close the banner', () => {
        component.close();
        const comp = fixture.componentInstance;
        fixture.detectChanges();
        de = fixture.debugElement.query(By.css('.bwc-o-display-2'));
        el = de.nativeElement;
        expect(el.textContent).toBeUndefined();
      });

我的关闭方法

close() {
    this.cpBanner = false;
    this.cookieService.put( 'CP_BANNER', 'true' );
  }

请告诉我我在这里做错了什么。

Answer 1

从未分配变量component。您还必须更改执行顺序。试试这个：

it('should close the banner', () => {
    component = fixture.componentInstance; // assign component
    component.close(); // use component
    fixture.detectChanges();
    de = fixture.debugElement.query(By.css('.bwc-o-display-2'));
    expect(de).toBeFalsy();
});