角单位测试错误：预期的间谍getDateFormat被称为

Question

我是对单位测试的新手，希望有人帮助我。 我有一个称为StudentComponent的角组件，并且具有以下内容。

    public getAllStudents(){    
        this.apollo.query({
            query: GETALL_STUDENTS,
        }).subscribe((result: any) => {
            this.students = result?.data?.getAllStudents;
            this.students.forEach(element => {
            element.Age = this.CalculateAge(element.DateOfBirth);
            element.DateOfBirthString = this.getDateFormat(element.DateOfBirth);
            });
        });
    }

    public CalculateAge(dateOfBirth: any): number {
        let age = 0;
        if (dateOfBirth) {
            var timeDiff = Math.abs(Date.now() - new Date(dateOfBirth).getTime());
            age = Math.floor(timeDiff / (1000 * 3600 * 24) / 365.25);
        }
        return age;
    }

    getDateFormat(date: Date): string{
        let dateString = ""
        if(date){
            dateString = formatDate(date, 'yyyy/MM/dd','en_US').toString();
        }
        return dateString;
    }

我写了测试案例，如下说

    describe('getAllStudents', () => {
        it('makes expected calls', () => {
          spyOn(component, 'getDateFormat').and.callThrough();
          spyOn(component, 'CalculateAge').and.callThrough();
          spyOn(apollo, 'query').and.callThrough();
          component.getAllStudents();
          expect(apollo.query).toHaveBeenCalled();
          expect(component.getDateFormat).toHaveBeenCalled();
          expect(component.CalculateAge).toHaveBeenCalled();
  
        });
      });

给了我一个错误。 “预计间谍getDateFormat被称为。”有人可以指导我解决这个问题吗？

Answer 1

问题是 getallstudents 包括异步代码。使用 observable.subscribe ，您的代码将收到有关可用结果的延迟通知，很可能在期望已评估后。

存在使用 Jasmine 测试异步代码的不同方法（请参阅摘自茉莉花文档）。

Angular 还提供了测试异步代码的功能。例如，您可以在 tick（） 调用 getAllstudents（）。这看起来如下：

it('makes expected calls', fakeAsync(() => {

  // given
  spyOn(component, 'getDateFormat').and.callThrough();
  spyOn(component, 'CalculateAge').and.callThrough();
  spyOn(apollo, 'query').and.callThrough();

  // when
  component.getAllStudents();
  tick();

  // then
  expect(apollo.query).toHaveBeenCalled();
  expect(component.getDateFormat).toHaveBeenCalled();
  expect(component.CalculateAge).toHaveBeenCalled();
}));

请注意，您正在测试实现方法，但不是该方法的结果。将方法 getAllStudents（）作为黑匣子，然后检查所有 dateofbirthstring /代码>设置为预期。