spyon() 或 jasmine.createobject 返回可观察数组

Question

我正在尝试为 Angular 应用程序编写单元测试测试用例。我有一个返回 Observable 的服务，我目前正在尝试测试它。

我尝试过使用 Observable.of() 似乎不起作用。 以下是文件..

使用 httpclient 返回 observable 的服务方法。我试图窥探 具有可观察到数组的返回值。

terminal-carding.service.ts

 getTerminalCompanies() {
return this.http.get(this.maintenanceSharedService.getTerminalCompaniesUrl())
  .map(this.extractData)
  .catch(this.handleGetTerminalCompaniesError)

}

terminal-carding.component.spec.ts

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { AgGridModule } from 'ag-grid-angular/main';
import { TableWidgetComponent } from '../../../widgets/table-widget/table-widget.component';
import { TerminalCardingComponent } from './terminal-carding.component';
import { TerminalCardingService } from './terminal-carding.service';
import { AppService } from './../../../app.service';
import { UtilService } from '../../../shared/util.service';
import { DashboardSharedService } from './../../../shared/dashboard-shared.service';
import { TableWidgetService } from '../../../widgets/table-widget/table-widget.service';
import { SecuritySharedService } from '../../../shared/security-shared.service';
import { MaintenanceSharedService } from '../../../shared/maintenance-shared.service';
import { CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { Observable} from 'rxjs/observable';
import { HttpClientModule } from '@angular/common/http';
import { BaseHttpClientService } from '../../../shared/common/base-http-client.service';

fdescribe('TerminalCardingComponent', () => {
  let component: TerminalCardingComponent;
  let fixture: ComponentFixture<TerminalCardingComponent>;
  let maintenanceSharedService: MaintenanceSharedService;
  let service: TerminalCardingService;
  let getMaintenanceModuleAuthPermissionsSpy;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        AgGridModule.withComponents([]),
        HttpClientModule,
        FormsModule
      ],
      declarations: [
        TerminalCardingComponent,
        TableWidgetComponent,
      ],
      providers: [
        AppService,
        UtilService,
        DashboardSharedService,
        TableWidgetService,
        SecuritySharedService,
        MaintenanceSharedService,
        TerminalCardingService,
        BaseHttpClientService
      ],
      schemas: [ CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA ]
    })
    .compileComponents();
  }));

  beforeEach(() => {
    service = TestBed.get( TerminalCardingService );
    maintenanceSharedService = TestBed.get( MaintenanceSharedService );
    getMaintenanceModuleAuthPermissionsSpy = spyOn(maintenanceSharedService, 'getMaintenanceModuleAuthPermissions').and.returnValue({});
    fixture = TestBed.createComponent(TerminalCardingComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should be created', () => {
    expect(component).toBeTruthy();
  });

  it('should resolve test data', async(() => {
    const terminalCompanies = [{
      terminalCompany: 'aaa'
    },
    {
      terminalCompany: 'bbb'
    },
    {
      terminalCompany: 'ccc'
    }];
    const spy = spyOn(service, 'getTerminalCompanies').and.returnValue(Observable.of(terminalCompanies));
      component.ngOnInit();
      fixture.detectChanges();
      console.log(component.terminalCompanies[0].terminalCompany);
      expect(component.terminalCompanies[0].terminalCompany).toEqual(terminalCompanies[0].terminalCompany);
    }));

  });

---

   Error: i am getting following error....
Failed: observable_1.Observable.of is not a function

Answer 1

这里有问题

expect(component.terminalCompanies).toEqual(terminalCompanies);

问题是，您正在执行array === array，它返回false。

因此，要进行测试，您应该比较数组中的值。即

expect(component.terminalCompanies[0].terminalCompany).toEqual(terminalCompanies[0].terminalCompany);

希望对你有帮助...