如何爲包含帶角度路由器的組件設置測試？

我有一個使用angular（typescript）構建的應用程序我試圖設置app.component的測試。這個組件中有一個路由器插座。我想知道如何在這種情況下正確設置測試。如何爲包含帶角度路由器的組件設置測試？

app.component.spec.ts看起來像這樣

import { TestBed, async } from '@angular/core/testing'; 
import { inject } from '@angular/core/testing'; 
import { AppComponent } from './app.component'; 
import { Component, OnInit, Injectable } from '@angular/core'; 
import { Router, RouterOutlet } from "@angular/router"; 
import {DriftInfoDisplayComponent} from "./components/drift-info-display/drift-info-display.component"; 
import {DriftInfoService} from "./services/http-services/drift-info.service"; 
import {DriftInfo} from "./model/DriftInfo"; 

describe('AppComponent',() => { 
    beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
     declarations: [ 
     AppComponent, 
     DriftInfoDisplayComponent 
     ], 
     providers:[ 
     DriftInfoService, 
     Router, 
     RouterOutlet 
     ] 
    }).compileComponents(); 
    })); 

    it('should create the app', async(() => { 
    const fixture = TestBed.createComponent(AppComponent); 
    const app = fixture.debugElement.componentInstance; 
    expect(app).toBeTruthy(); 
    })); 

    it(`should have as title 'app works!'`, async(() => { 
    const fixture = TestBed.createComponent(AppComponent); 
    const app = fixture.debugElement.componentInstance; 
    expect(app.title).toEqual('app works!'); 
    })); 

    it('should render title in a h1 tag', async(() => { 
    const fixture = TestBed.createComponent(AppComponent); 
    fixture.detectChanges(); 
    const compiled = fixture.debugElement.nativeElement; 
    expect(compiled.querySelector('h1').textContent).toContain('app works!'); 
    })); 
});

但我得到這個運行NG測試時，

AppComponent應該創建失敗的應用程序失敗：無法解析所有參數對於路由器：（？，？，？，？，？，？，？，？）。

來源

2017-05-18 Dan

您應該導入RouterModule，而不是直接提供路由器服務，因爲RouterModule管理路由器依賴關係（正如錯誤消息所示，這是您需要的）。 – Supamiu

你真了不起。如果你想添加一個解決方案，我會很樂意給你很好的綠色複選標記。 – Dan

Router是一種服務，而不是一個模塊。這意味着它具有依賴性來開始並正常工作，錯誤消息告訴您這些依賴關係丟失。

您應該從providers陣列中刪除Router，並將RouterModule添加到您的測試模塊中的import。

來源

2017-05-18 14:01:21 Supamiu

如何爲包含帶角度路由器的組件設置測試？

回答

相關問題