ユニットテストの方法router.paramMapを使用するAngular 4コンポーネント

Question

角度4の新しい機能で、ユニットテストから角度4の機能router.paramMapの1つをテストしようとしています。私のアプリケーション。

constructor(private router:Router, private actRoute:ActivatedRoute) { 
} 

ngOnInit() { 
    this.router.paramMap.subscribe(params => { 
     params.get(id); 
    }) 
...... 
} 

しかし、ユニットテストを実行している間、私は以下のように渡して、ルートのparamを渡すメートルにもかかわらず、未定義のメソッドを購読呼び出すことはできませんというエラーを取得メートル。

{ 
    provide: ActivatedRoute, 
    useValue: { params: Observable.of({id: 1}) } 
} 

我々は現在、これを使用している

Answer 1

あなたはparamMapの代わりparamsを提供する必要があります。 paramMapは、タイプParamMapから@angular/routerである必要があります。 @angular/routingから通常のオブジェクトをParamMapに変換することができます。あなたの答えのために

import { convertToParamMap} from '@angular/router'; 
.... 
..... 

{ 
     provide: ActivatedRoute, 
     useValue: { paramMap: Observable.of(convertToParamMap({id: 1})) } 
} 

Answer 2

示唆してください：

{ provide: ActivatedRoute, useValue: { 'params': Observable.from([{ 'id': '1'}]) } }, 

Answer 3

あなたのコードは、URLからのparamを得るために、問題を持っている、あなたはで物事を記述する必要が別の方法。

constructor(private router:Router, private actRoute:ActivatedRoute) { 
} 

ngOnInit() { 
    this.router.paramMap 
     .switchMap((params: ParamMap) => { 
      params.get(id); 
      .... 
     }) 
     .subscribe((....) => { 
      .... 
     }) 
}