2017-12-26 31 views
0

ngx-restangularを使用してAngular 5アプリを開発しています。ngx-restangularを使用しないサービスのテスト

httpコールがngx-restangularを使用して行われるサービスを作成しました。

Project.service.ts

import { Injectable } from '@angular/core'; 
import { Restangular } from 'ngx-restangular'; 
import { Observable } from 'rxjs/Observable'; 

@Injectable() 
export class ProjectService { 

    constructor(public restangular: Restangular) {} 

    restoreProject(project): Observable<any> { 
     return this.restangular.one('projects', project.id).get(); 
    } 

} 

以下、上記サービスのジャスミンで試験される - - サービスコードは、以下

Project.service.spec.tsは

import { TestBed, inject } from '@angular/core/testing'; 
import { Restangular } from 'ngx-restangular'; 
import { HttpModule, Http, BaseRequestOptions, XHRBackend } from '@angular/http'; 
import { MockBackend } from '@angular/http/testing'; 

import {ProjectService } from './project.service'; 

describe('ProjectService',() => { 
    let service = ' '; 

    beforeEach(() => { 
     TestBed.configureTestingModule({ 
      providers: [ 
       ProjectService, 
       { provide: XHRBackend, useClass: MockBackend } 
      ] 
     }); 
    }); 

    beforeEach(() => { 
     service = new ProjectService(Restangular); 
    }); 

    describe('restoreProject method',() => { 

     let connection = ''; 

     beforeEach(inject([XHRBackend], (MockBackend) => { 
      MockBackend.connections.subscribe((httpConnection: any) => connection = httpConnection); 
     })); 

     it('should query restore project',() => {  
      service.restoreProject({id: 2}); 
      expect(connection.request.url).toMatch('projects/2', 'url invalid'); 
     }); 
    })  
}); 

私はカルマテストランナーを使用しています。テストを実行するには、それは

this.restangular.one is not a function

を出力私はここで何をしないのですか?

答えて

関連する問題