Angular 2可观察服务业力茉莉单元测试不起作用

Question

我是Angular 2和Karma 茉莉单元测试的新手。我无法弄清楚我犯了什么语义错误来进行此单元测试使用模拟的响应。在控制台中，当"期望（项目[0] .Itemid）.tobe（2）;它是运行的，它说项目[0] .ITEMID不确定。

有人可以帮助我或指向正确的方向吗？如果您需要其他信息，请让我知道。谢谢！

item.ts

export class Item {
     itemId: number;
     itemName: string;
     itemDescription: string;
}

item.service.ts

import { Injectable, Inject } from '@angular/core';
    import { Headers, Http } from '@angular/http';
    import { Observable } from 'rxjs/Rx';
    import { Item } from './item';
@Injectable()
export class ItemService {
    private headers = new Headers({'Content-Type': 'application/json'});
    constructor(
    private http: Http)
    {
    }
    getItems(listOptions: Object): Observable<Item[]> {
    return this.http.post('/listItems', listOptions, {headers:this.headers})
       .map(response => response.json() as Item[])
  }
}

item.service.spec.ts

import { TestBed, fakeAsync, inject, tick } from '@angular/core/testing';
import { MockBackend } from '@angular/http/testing';
import { Http, BaseRequestOptions, Response, ResponseOptions } from '@angular/http';
import { Observable } from 'rxjs/Rx';
import { ItemService } from './item.service';
import { Item } from './item';

describe('ItemService', () => {
  let mockResponse, matchingItem, connection;
  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [
        ItemService,
        MockBackend,
        BaseRequestOptions,
        {
          provide: Http,
          useFactory: (backend, defaultOptions) => new Http(backend, defaultOptions),
          deps: [MockBackend, BaseRequestOptions]
        },
        // { provide: XHRBackend, useClass: MockBackend }        
      ]
    });
    const items = [
      {
        "itemId":2,
        "itemName":"test item1",
        "itemDescription":"hello hello"        
      },
      {
        "itemId":1,
        "itemName":"name2124111121",
        "itemDescription":"description212412112"        
      }
    ];
    mockResponse = new Response(new ResponseOptions({body: {data: items}, status: 200}));
  });
  describe('getItems', () => {
    //Subscribing to the connection and storing it for later
    it('should return all the items',inject([ItemService, MockBackend], (service: ItemService, backend: MockBackend) => {
        backend.connections.subscribe(connection => {
          connection.mockRespond(mockResponse);
        });
        service.getItems({isActive: true, sortColumn: "lastModifiedDateUtc", sortOrder: "desc"})
        .subscribe((items: Item[]) => {
          expect(items.length).toBe(2);
        });
      }));
    });
  });

plunkr：https：//plnkr.co/edit/m7in2evh6oxu8vnyff9l？p = preview（我还需要帮助的plunkr有一些错误，但主要文件存在）

Answer 1

无用的主体与实际响应主体不符，这就是为什么我会遇到错误的原因。

mockResponse = new Response(new ResponseOptions({body: {data: items}, status: 200}));应该是 mockResponse = new Response(new ResponseOptions({body: items, status: 200}));