由于构造函数中存在方法调用,因此无法进行角度单元测试

问题描述 投票:0回答:1

由于组件构造函数中存在的方法,无法运行角度单元测试。

 export class AppComponent  {
  name = 'Angular 4';
   constructor(){
    this.testMethod();
   }

   testMethod(){
         console.log("test method");
   }

  testMethodNonc(){
     console.log("test method nc");
  }
}

//我的spec文件

describe('MyComponent', () => {
  let fixture, element;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent  
      ]
    });

    fixture = TestBed.createComponent(AppComponent);
    element = fixture.debugElement;
  })
  it('works', () => {
    fixture.detectChanges();
    expect(component.testMethodNonc()).toHaveBeenCalled();
  });
});

当我试图为testMethodNonc()运行单元测试时,函数testMethod()也与此方法一起运行,因为它的内部构造函数。是否可以通过模拟函数testMethod来单独执行testMethodNonc()?

angular karma-jasmine angular-testing spyon
1个回答
2
投票

由于您正在创建该类的新实例,因此它将继续调用testMethod。你可以监视testMethod和callFake,而不是调用方法。您也可以使用beforeAll而不是beforeEach,因此组件仅为测试创建一次。这样,只有在创建组件时才会调用该方法。

创建组件后,您可以调用任何您喜欢的方法并单独测试它们。

© www.soinside.com 2019 - 2024. All rights reserved.