Angular 4 单元测试出错 - 失败：无法读取未定义的属性“地图”

Question

我正在尝试在 Angular 4 单元测试中取得成功，但我收到了不同的错误，我收到了错误 Failed: Cannot read property 'map' of undefined。

我仅在服务文件上使用 .map()，但我不知道为什么会显示此错误

我想知道如何才能成功通过此测试，如果我走对了路？

看看我的代码：

我的规格

import { TestBed, async, inject } from '@angular/core/testing';
import { HttpModule } from '@angular/http';
import { of } from 'rxjs/observable/of';
import { fileX } from '../../../models/fileX';
import { fileXService } from '../../../services/fileX.service';
import { fileYfileXComponent } from './fileY-fileX.component';
import { dataService } from '../../../services/data.service';
import { ComponentFixture } from '@angular/core/testing';

describe('fileYfileXComponent', () => {
  let fileXService;
  let myComponent;
  let fixture: any;
  let element;
  let mockHttp: httpClient;

  beforeEach(async(() => {
      mockHttp = jasmine.createSpyObj('http', ['get']);

      TestBed.configureTestingModule({
          declarations: [fileYfileXComponent],
          providers: [
              fileXService,
              dataService,
              { provide: Http, useValue: mockHttp }
          ],
          imports: [HttpModule]
      }).compileComponents();
    }));

  beforeEach(inject([fileXService], s => {
      fileXService = s;
      fixture = TestBed.createComponent(fileYfileXComponent);
      myComponent = fixture.componentInstance;
      element = fixture.nativeElement;
    }));

  it(
    'should get values',
    async(() => {
      const response: fileX[] = [];

      spyOn(fileXService, 'method1').and.returnValue(of(response));

      myComponent.searchdatafileX();

      fixture.detectChanges();

      expect(myComponent.datafileX).toEqual(response);
    })
  );
});

Answer 1

目前您正在正确地模拟HubWrapperComponent，这样它就不会在您每次调用get 时调用您的后端。为了让它工作，你需要使用 Jasmine 的 Spy 实用程序 returnValue 来告诉测试在调用 http.get 时应该返回什么。目前，这没有指定，所以 map 正在被 undefined 调用。

在您的规范文件中，在以下行之后：

mockHub = jasmine.createSpyObj('hubWrapperComponent', ['get']);

添加这一行：

mockHub.get.and.returnValue(// your test response);

根据服务中的代码，我的假设是您期望来自 get 方法的 Observable，因此您的 returnValue 调用将如下所示：

mockHub.get.and.returnValue(Observable.of(
    { 
      json: () => { 
        return // object with properties you want to test 
      } 
    }
  )
);

在此处了解有关此方法的更多信息：https://jasmine.github.io/api/2.7/Spy_and.html。