アンギュラ4 - コンポーネントが別のコンポーネントを持っているときのテスト、私は角度の私のアプリケーションにテストを適用しています

Question

：

：これは私のhtmlファイル（ページ-ない-found.component.html）は

ng test 

です

<menu></menu> 
<div> 
    <h4> 
    ERROR 404 - PÁGINA NO ENCONTRADA 
    </h4> 
</div> 

ng testを実行すると、コンポーネントによってエラーが発生します。

このファイル仕様（ページ未found.component.spec.ts）

import { MenuComponent } from '../menu/menu.component'; 

    beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
     declarations: [ PageNotFoundComponent, MenuComponent ] 
    }) 
    .compileComponents(); 
    })); 

これは成分符号（ページ-ない-found.component.ts）

import { Component, OnInit } from '@angular/core'; 

@Component({ 
    selector: 'app-page-not-found', 
    templateUrl: './page-not-found.component.html', 
    styleUrls: ['./page-not-found.component.css'] 
}) 
export class PageNotFoundComponent implements OnInit { 

    constructor() { } 

    ngOnInit() { 
    } 

} 

あります

これはエラーです：

Error: No provider for ActivatedRoute! 

問題を教えてください。ありがとう

Answer 1

あなたのテストベッドにActivatedRouteのプロバイダを用意する必要があります。たとえば、

TestBed.configureTestingModule({ 
     declarations: [ PageNotFoundComponent, MenuComponent ], 
providers: [ 
     {provide: ActivatedRoute, useValue: activatedRoute}, // using a mock 
     ] 
    }) 

このメニューコンポーネントは見つからないコンポーネントにありますか？