角2與茉莉花和Karma測試路由器

我有問題編寫一個存根router.navigate角2.我現在有下面的存根編寫。哪些是角度文檔中顯示的內容。角2與茉莉花和Karma測試路由器

@Injectable 
export class RouterStub { 
    navigate(commands: any[], extras?: NavigationExtras) { }

但是，當我使用這個存根時，我得到以下錯誤。

TypeError: this.router.navigate is not a function

而我的導航使用如下。

let summaryLink = ['/summary', this.client.id, this.client.lastName]; 
this.router.navigate(summaryLink);

任何幫助，將不勝感激。

只是一個更新......我能夠使用一個非TestBed方法工作，我發現它引用了here。但是，如果任何人能夠弄清楚如何使用TestBed方法進行此測試，我將不勝感激。謝謝

來源

2016-10-07 TyAnthoney

您必須引導您的測試，包括路由器模塊。這與引導應用程序非常相似：

const IMPORTS: any[] = [ 
    BrowserModule, 
    ... 
    RouterModule.forRoot(routes) 
]; 

beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
    imports: IMPORTS, 
    declarations: DECLARATIONS 
    providers: PROVIDERS 
    }).compileComponents(); 
}));

然後，您可以獲取對路由器的引用。

beforeEach(() => { 
    router = TestBed.get(Router); 
    fixture = TestBed.createComponent(YourComponent); 
    component = fixture.componentInstance; 
    element = fixture.nativeElement; 
});

試驗狀態（需要依賴關係，因爲組件才能得到渲染等）：

it('routes to the dummy component', fakeAsync(() => { 
    tick(1000); 
    fixture.detectChanges(); 

    router.navigate(['dummy']); 

    tick(1000); 
    fixture.detectChanges(); 

    expect(router.isActive('/dummy', true)).toBe(true); 
}));

試驗通信（不路由;我們只需要驗證導航是否真的發生）：

it('routes to the dummy component', fakeAsync(() => { 
    spyOn(router, 'navigate').and.callFake(() => {}); 
    tick(1000); 
    fixture.detectChanges(); 

    router.navigate(['dummy']); 

    tick(1000); 
    fixture.detectChanges(); 

    expect(router.navigate).toHaveBeenCalledWith(['dummy']); 
}));

在真正的測試中，您不會測試navigate（）方法。實際上，您將要測試某種用戶行爲，例如點擊：

在組分（在這種情況下YourComponent）：

onClick() { 
    this.router.navigate(['dummy']); 
}

在試驗（通過點擊觸發替換引導（））：

element.querySelector('button').click();

來源

2017-01-30 15:13:47 KGolbang

角2與茉莉花和Karma測試路由器

回答

相關問題