javascript - 使用 Karma 和 Jasmin 进行 Angular2 单元测试 SpyOn

Question

我设置的测试套件遇到一些奇怪的问题。

模板:

<a href="#" (click)="blop($event)"></a>

主页组件:

export class HomeComponent {
  public test: boolean;

  public constructor () {
    this.test = false;
  }

  public blop($event) {
    this.test = true;
  }
}

测试:

describe('Home Component : ', () => {
  var builder;
  var app;

  beforeEach(inject([HomeComponent, TestComponentBuilder], (app, tcb) => {
    builder = tcb;
    app = app;
  }));

  it('should return test = true after click...', async(() => {

    builder.createAsync(HomeComponent).then((fixture: ComponentFixture<HomeComponent>) => {

      spyOn(fixture.componentInstance, 'blop');

      fixture.detectChanges();

      var compiled = fixture.debugElement.nativeElement;
      compiled.querySelector('a').click();
      expect(fixture.componentInstance.test).toBe(true);
      expect(fixture.componentInstance.blop).toHaveBeenCalled();
    });
  }));
});

我收到错误输出:预期 false 为 true。

但是，如果我评论 spy 和最后一个期望，它就会起作用。

你知道我做错了什么吗？

谢谢

中号

Answer 1

您应该为 spy 返回一个值。 SpyOn 才开始监视。

SpyOn(fixture.componentInstance, 'blop').and.returnValue(true);