else 条件没有被测试覆盖覆盖

Question

当数据为空时，我正在测试 else 条件。我指的是if（数据）的else。我检查了没有数据的时候，console.log('xxx', data);的值长度为 0。我使用空库以及 {} 作为 return observable 来模拟返回空 observable 的服务。 测试没有通过，因为预期对象（{ }）未定义。

以下是我迄今为止一直在尝试的事情。不知道哪里出错了

 //component.agreementsService.getOutstandingAgreements(0).subscribe(result => expect(result.length).toBe(0));
    //component.agreementsService.getOutstandingAgreements(0).subscribe(result => expect(result.length).not.toBeGreaterThan(0));
    component.agreementsService.getOutstandingAgreements(1).subscribe(result => expect(result).toBe(undefined));
   // expect(component.agreementsService.getOutstandingAgreements(0)).toBe(undefined);
    //expect(component.dataLength).toBe(undefined);

谁能告诉我问题出在哪里

组件

 import { Observable, of, empty } from 'rxjs';

      public getOutstandingAgreements(Id: number) {
        console.log(Id);

        this.agreementsService.getOutstandingAgreements(Id).subscribe((data: AgreementsModel[]) => {
         console.log('xxx', data);
          if (data.length > 0) {
            this.myData = data;
            this.agreementData = this.myData[0].data;
            this.agreementLength = this.myData.length;
            this.calculateRemainingDaysLeft(0);
          }
        });
      }

测试

 let mockAgreementsService: Mock<AgreementsService>;
         const agreementModel : AgreementsModel[] = [{ userAgreementId: 1,
            agreementId: 1,
            code: '',
            userAgreementStateId: 1,
            userAgreementStateName: '',
            acceptanceWindowExpiry: new Date((new Date()).getTime() + 24*60*60*1000) ,
            version: '',
            data: '<h1></h1>',
            authoredById: 1,
            authoredByName: '',
            authored: new Date((new Date()).getTime() + 24*60*60*1000)  ,
            issuedById: 1,
            issuedByName: '',
            issued: new Date((new Date()).getTime() + 24*60*60*1000) }];


          configureTestSuite(() => {
            TestBed.configureTestingModule({
              imports: [SharedModule, FontAwesomeModule],
              declarations: [AgreementComponent, CustomScrollDirective],
              providers: [{ provide: UserService, useValue: mockUserService },
              { provide: AgreementsService, useFactory: () => mockAgreementsService.Object   }]
            });
          });

          function setupComponent() {
            fixture = TestBed.createComponent(AgreementComponent);
            component = fixture.componentInstance;

          }


          beforeEach(() => {
            mockAgreementsService = new Mock<AgreementsService>({
              getOutstandingAgreements: () => of(agreementModel),
              updateAgreement: () => Promise.resolve([])
            });
            });




           fit('should not return data when  getOutstandingAgreements is called', () => {
setupComponent();
mockAgreementsService.extend({ getOutstandingAgreements: () => of(<AgreementsModel[]>{})});
//component.agreementsService.getOutstandingAgreements(0).subscribe(result => expect(result.length).toBe(0));
//component.agreementsService.getOutstandingAgreements(0).subscribe(result => expect(result.length).not.toBeGreaterThan(0));
component.agreementsService.getOutstandingAgreements(1).subscribe(result => expect(result).toBe(undefined));
// expect(component.agreementsService.getOutstandingAgreements(0)).toBe(undefined);
//expect(component.dataLength).toBe(undefined);

});

更新 1

以下通过了测试，但是测试覆盖率失败，说 else 条件不满足。

mockAgreementsService.extend({ getOutstandingAgreements: () => of<AgreementsModel[]>([]) });
component.agreementsService.getOutstandingAgreements(0).subscribe(result => expect(result.length).not.toBeGreaterThan(0));

Answer 1

您正在订阅 observable，因此它不会进入测试中 getOutstandingArguments 函数内的订阅内。

要测试订阅内部的逻辑，您需要确保您的操作会在测试中触发订阅，因此在您的情况下，您希望直接调用该方法。你会希望你的测试是这样的：

it('should not set data when getArguments is called', () => {
    /* setup return value to be empty array */
    mockAgreementsService.extend({ getOutstandingAgreements: () => of(<AgreementsModel[]>{})});

    // after setting up the return value now call component.getOutstandingAgreements
    component.getOutstandingAgreemnts(0);

    // now check that data has not been modified
    // note I do not know what the initial value of myData is I am assuming it is an empty array
    expect(component.myData.length).toBe(0);
    /* if myData is not initialized and not set to an empty array by default do the following */
    expect(component.myData).toBe(undefined);
}

现在它应该进入在组件中的方法内部创建的 observable 的订阅中，与您在测试中所做的订阅相对应