0

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

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

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

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

//我的规范文件

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()?

4

1 回答 1

2

由于您正在创建该类的新实例,因此它将继续调用testMethod. 您可以监视testMethod并调用Fake 而不是调用该方法。您也可以使用 abeforeAll而不是 a beforeEach,因此该组件只为测试创建一次。这样,该方法将仅在创建组件时最初被调用。

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

于 2019-02-21T19:41:36.027 回答