Как издеваться над активированным родительским маршрутизатором Маршрут в угловом2 для целей тестирования?

Question

Скажем, у меня есть этот

export class QuestionnaireQuestionsComponent { 

    questions: Question[] = []; 
    private loading:boolean = true; 


    constructor(
     private route: ActivatedRoute, 
     public questionnaireService:QuestionnaireService) {} 

    ngOnInit(){ 
     this.route.parent.params.subscribe((params:any)=>{ 
      this.questionnaireService.getQuestionsForQuestionnaire(params.id).subscribe((questions)=>{ 
       this.questions = questions; 
       this.loading = false; 
      }); 
     }); 
    } 


} 

Мой компонент на самом деле работает довольно хорошо. Проблема в том, что я хочу, чтобы модуль тестировал его, но я не могу понять, как издеваться над объектом this.route.parent. Вот мой тест, который не удается

beforeEach(()=>{ 
    route = new ActivatedRoute(); 
    route.parent.params = Observable.of({id:"testId"}); 

    questionnaireService = jasmine.createSpyObj('QuestionnaireService', ['getQuestionsForQuestionnaire']); 
    questionnaireService.getQuestionsForQuestionnaire.and.callFake(() => Observable.of(undefined)); 
    component = new QuestionnaireQuestionsComponent(route, questionnaireService); 
}); 


describe("on init",()=>{ 
    it("must call the service get questions for questionnaire",()=>{ 
     component.ngOnInit(); 
     expect(questionnaireService.getQuestionsForQuestionnaire).toHaveBeenCalled(); 
    }); 
}); 

тест не пройден с этой ошибкой

TypeError: undefined is not an object (evaluating 'this._routerState.parent') 

Answer 1

AcitvatedRoute является интерфейс в соответствии с angular2 docs, так, что я есть Реализует MockActivatedRoute

import {Observable} from 'rxjs'; 
import {Type} from '@angular/core'; 
import {ActivatedRoute,Route,ActivatedRouteSnapshot,UrlSegment,Params,Data } from '@angular/router'; 

export class MockActivatedRoute implements ActivatedRoute{ 
    snapshot : ActivatedRouteSnapshot; 
    url : Observable<UrlSegment[]>; 
    params : Observable<Params>; 
    queryParams : Observable<Params>; 
    fragment : Observable<string>; 
    data : Observable<Data>; 
    outlet : string; 
    component : Type<any>|string; 
    routeConfig : Route; 
    root : ActivatedRoute; 
    parent : ActivatedRoute; 
    firstChild : ActivatedRoute; 
    children : ActivatedRoute[]; 
    pathFromRoot : ActivatedRoute[]; 
    toString() : string{ 
     return ""; 
    }; 
} 

и просто замените ActivatedRoute в моих тестах на MockActivatedRoute вот так

beforeEach(()=>{ 
    route = new MockActivatedRoute(); 
    route.parent = new MockActivatedRoute(); 
    route.parent.params = Observable.of({id:"testId"}); 

    questionnaireService = jasmine.createSpyObj('QuestionnaireService', ['getQuestionsForQuestionnaire']); 
    questionnaireService.getQuestionsForQuestionnaire.and.callFake(() => Observable.of(undefined)); 
    component = new QuestionnaireQuestionsComponent(route, questionnaireService); 
}); 

Answer 2

Использование TestBed

beforeEach(async(() => { 
 
    TestBed.configureTestingModule({ 
 
     declarations: [YourComponent], 
 
     imports: [], 
 
     providers: [ 
 
     { 
 
      provide: ActivatedRoute, useValue: { 
 
      params: Observable.of({ id: 'test' }) 
 
      } 
 
     } 
 
     ] 
 
    }) 
 
     .compileComponents(); 
 
    }));

Answer 3

Вы также можете просто Пласс {params: {searchTerm: 'this is not me'}} as any) as ActivatedRouteSnapshot

detailds код

(service.resolve(({params: {id: 'this is id'}} as any) as ActivatedRouteSnapshot, 
    {} as RouterStateSnapshot)as Observable<xyzResolveData>) 
    .subscribe((data) => { 
     expect((data as xyzResolveData).results).toEqual(xyzData.results); 
    });