不断得到预期的间谍 setDateRestrictions 已被调用

Question

我在 my.ts 文件中编写了以下方法。

setDateRestrictions() {
    if (moment(this.form.get('startDate').value).isValid()) {
        const sDate = this.form.get('startDate');
        const eDate = this.form.get('endDate');
        eDate.enable();
        this.minEndDate = (moment(sDate.value) > moment() ? moment(sDate.value) : moment()).format(this.dateFormat);
        if (moment(eDate.value).isValid() && moment(sDate.value).isAfter(moment(eDate.value))) {
            eDate.reset();
        }
    } else {
        this.form.get('endDate').reset();
        this.form.get('endDate').disable();
    }
}

这个方法在 ngOnInit() 内部被调用。

ngOnInit() {
    this.isReadOnly = !this.authHelper.canCreateUpdateDeleteAtPage(this.permissionUri);
    this.currentUser = this.commonService.getCurrentUsername();
    this.activatedRoute.params.subscribe(params => {
        this.questionnaireKey = params['questionnaireKey'];
        this.isClone = this.router.url.includes('clone');
        this.isEdit = this.router.url.includes('edit');

      const observable = Observable.forkJoin(
        this.questionnaireKey ? this.surveysService.getSurvey(this.questionnaireKey) : Observable.of(null),
        this.surveysService.getSurveyImages());
      observable.subscribe(resp => {
        if (resp[1]) {
          this.images = resp[1];
        }

        if (this.questionnaireKey) {
          this.adminSurvey = resp[0];
          this.initializeEditForm();
        } else {
          this.buildNewForm();
        }
        this.setDateRestrictions();
        this.openQuestionnaireFields(false);
      });

    });

}

我在 spec.ts 文件中编写了测试用例，如下所示。

    describe('ngOnInit', () => {
    it('makes expected calls', () => {
      const surveyServiceStub: SurveyService = fixture.debugElement.injector.get(
        SurveyService
      );
      const communicationSuiteCommonServiceServiceStub: CommunicationSuiteCommonServiceService = fixture.debugElement.injector.get(
        CommunicationSuiteCommonServiceService
      );
      const authHelperServiceStub: AuthHelperService = fixture.debugElement.injector.get(
        AuthHelperService
      );
      spyOn(component, 'setDateRestrictions').and.callThrough();
      spyOn(surveyServiceStub, 'getSurvey').and.callThrough();
      spyOn(surveyServiceStub, 'getSurveyImages').and.callThrough();
      spyOn(
        communicationSuiteCommonServiceServiceStub,
        'getCurrentUsername'
      ).and.callThrough();
      spyOn(
        authHelperServiceStub,
        'canCreateUpdateDeleteAtPage'
      ).and.callThrough();
      component.ngOnInit();
      expect(component.setDateRestrictions).toHaveBeenCalled();
      expect(surveyServiceStub.getSurvey).toHaveBeenCalled();
      expect(surveyServiceStub.getSurveyImages).toHaveBeenCalled();
      expect(
        communicationSuiteCommonServiceServiceStub.getCurrentUsername
      ).toHaveBeenCalled();
      expect(
        authHelperServiceStub.canCreateUpdateDeleteAtPage
      ).toHaveBeenCalled();
    });
  });

它正在抛出错误

预期的间谍 setDateRestrictions 已被调用。

从 HTML 它被称为这样

<div class="col-sm-6">
  <label class="input-lable" for="startDate">Work Start Date</label>
  <input class="unstyled form-control" onkeydown="return false" ng-required="true"
       formControlName="startDate" type="date" (change)="setDateRestrictions()" />
</div>

有人可以帮忙吗。 谢谢