Как легко смоделировать сервисный HTTP-запрос с помощью Jasmine (Angular)? - PullRequest
Новая
       43

Как легко смоделировать сервисный HTTP-запрос с помощью Jasmine (Angular)?

0 голосов
/ 17 октября 2019

Почему не работает эта шпионская работа? Я создаю экземпляр prescriptionService и слежу за методом fetchClientPrescriptions, но когда я проверяю, был ли он вызван, я получаю сообщение об ошибке. И все же первый шпион для getClientPrescriptions работает просто отлично.

Тест: 

  let prescriptions = [
    {"ndcpackage": "58160082552", "form": "1.0ML Syringe", "name": "Havrix", "dosage": "Havrix INJ 720UNIT", "quantity": "3", "refill_freq": 30},
    {"ndcpackage": "59310058020", "form": "1.0EA Box", "name": "Proair Respiclick", "dosage": "Proair Respiclick AER", "quantity": "0", "refill_freq": 30}
  ];

  it('should fetch client prescriptions if clientId is provided', async(() => {
    let spyC = spyOn(component, 'getClientPrescriptions');
    let spyS = spyOn(prescriptionService, 'fetchClientPrescriptions').and.returnValue(of(prescriptions));
    component.clientId = 5;
    component.ngOnInit();
    fixture.whenStable().then(() => {
      expect(spyC).toHaveBeenCalled();
      expect(spyS).toHaveBeenCalled();
      expect(component.currentPrescriptions).toEqual(prescriptions);
    });
  }));

Сервис: 

  fetchClientPrescriptions(id: any) {
    return this.http.get<DrugSelection[]>(environment.apiURL + '/fetch-client-rx/' + id);
  }

Компонент: 

  ngOnInit() {
    if (this.clientId != null) {
      this.getClientPrescriptions();
    }
  }

  getClientPrescriptions() {
    this.prescriptionService.fetchClientPrescriptions(this.clientId).subscribe(p => {
      this.dataSource = new MatTableDataSource<DrugSelection>(p);
      this.dataSource.sort = this.sort;
      this.currentPrescriptions = p;
    });
  }

Ошибки: 

Error: Expected spy fetchClientPrescriptions to have been called.
        at <Jasmine>
        at http://localhost:9876/_karma_webpack_/src/app/client/client-prescriptions/client-prescriptions.component.spec.ts:48:20
        at ZoneDelegate.invoke (http://localhost:9876/_karma_webpack_/C:/Users/BHanna/Documents/my-mfg/mymfg-spring-agents/src/main/webapp/node_modules/zone.js/dist/zone.js:396:1)
        at AsyncTestZoneSpec.onInvoke (http://localhost:9876/_karma_webpack_/C:/Users/BHanna/Documents/my-mfg/mymfg-spring-agents/src/main/webapp/node_modules/zone.js/dist/async-test.js:102:1)
    Error: Expected $.length = 0 to equal 2.
    Expected $[0] = undefined to equal Object({ ndcpackage: '58160082552', form: '1.0ML Syringe', name: 'Havrix', dosage: 'Havrix INJ 720UNIT', quantity: '3', refill_freq: 30 }).
    Expected $[1] = undefined to equal Object({ ndcpackage: '59310058020', form: '1.0EA Box', name: 'Proair Respiclick', dosage: 'Proair Respiclick AER', quantity: '0', refill_freq: 30 }).
        at <Jasmine>
        at http://localhost:9876/_karma_webpack_/src/app/client/client-prescriptions/client-prescriptions.component.spec.ts:49:46
        at ZoneDelegate.invoke (http://localhost:9876/_karma_webpack_/C:/Users/BHanna/Documents/my-mfg/mymfg-spring-agents/src/main/webapp/node_modules/zone.js/dist/zone.js:396:1)
        at AsyncTestZoneSpec.onInvoke (http://localhost:9876/_karma_webpack_/C:/Users/BHanna/Documents/my-mfg/mymfg-spring-agents/src/main/webapp/node_modules/zone.js/dist/async-test.js:102:1)

1 Ответ

2 голосов
/ 17 октября 2019

В шпионе let spyC = spyOn(component, 'getClientPrescriptions'); вы устанавливаете шпиона, но этот шпион только перехватывает вызов и не продвигается дальше. Вы должны завершить это так: 

    let spyC = spyOn(component, 'getClientPrescriptions').and.callTrough();

Таким образом вызывается реальный метод, который затем вызывает метод fetchClientPrescriptions

...