2016-08-18 10 views
22

Właśnie zaktualizowałem do Angular RC 5, a teraz wszystkie komponenty używające "ROUTER_DIRECTIVES" kończy się niepowodzeniem z komunikatem "Nie można rozwiązać wszystkich parametrów routera: (?,?,?,?,?,?,?)", gdy próbuję przeprowadzić test jednostkowy komponentu.Nie można rozwiązać wszystkich parametrów routera: (?,?,?,?,?,?,?) W trybie Angular RC 5, gdy testowanie jednostkowe

import { inject, addProviders } from '@angular/core/testing'; 
import { ComponentFixture, TestComponentBuilder } from '@angular/core/testing'; 
import { Component } from '@angular/core'; 
import { ROUTER_DIRECTIVES, Router } from '@angular/router'; 

import { HomeComponent } from './home.component'; 
import { UserService } from '../_services/user.service'; 

describe('Component: Home',() => { 

    beforeEach(() => { 
    addProviders([HomeComponent, UserService, ROUTER_DIRECTIVES, Router]); 
    }); 

    it('should inject the component', inject([HomeComponent, UserService, ROUTER_DIRECTIVES, Router], 
    (component: HomeComponent) => { 
     expect(component).toBeTruthy(); 
     // expect(component.currentUser.firstname).toEqual('Jan'); 
    })); 

Pełen dziennik błędów:

 Chrome 52.0.2743 (Windows 10 0.0.0) 
    Error: Can't resolve all parameters for Router: (?, ?, ?, ?, ?, ?, ?). 
     at new BaseException (webpack:///C:/ng/anbud/~/@angular/compiler/src/facade/exceptions.js:27:0 <- src/test.ts:2943:23) 
     at CompileMetadataResolver.getDependenciesMetadata (webpack:///C:/ng/anbud/~/@angular/compiler/src/metadata_resolver.js:551:0 <- src/test.ts:24542:19) 
     at CompileMetadataResolver.getTypeMetadata (webpack:///C:/ng/anbud/~/@angular/compiler/src/metadata_resolver.js:448:0 <- src/test.ts:24439:26) 
     at webpack:///C:/ng/anbud/~/@angular/compiler/src/metadata_resolver.js:594:0 <- src/test.ts:24585:41 
     at Array.forEach (native) 
     at CompileMetadataResolver.getProvidersMetadata (webpack:///C:/ng/anbud/~/@angular/compiler/src/metadata_resolver.js:575:0 <- src/test.ts:24566:19) 
     at CompileMetadataResolver.getNgModuleMetadata (webpack:///C:/ng/anbud/~/@angular/compiler/src/metadata_resolver.js:305:0 <- src/test.ts:24296:58) 
     at RuntimeCompiler._compileComponents (webpack:///C:/ng/anbud/~/@angular/compiler/src/runtime_compiler.js:150:0 <- src/test.ts:37986:47) 
     at RuntimeCompiler._compileModuleAndAllComponents (webpack:///C:/ng/anbud/~/@angular/compiler/src/runtime_compiler.js:78:0 <- src/test.ts:37914:37) 
     at RuntimeCompiler.compileModuleAndAllComponentsSync (webpack:///C:/ng/anbud/~/@angular/compiler/src/runtime_compiler.js:52:0 <- src/test.ts:37888:21) 

Wszelkie pomysły jak jednostka składniki testu z trasy?

+3

Chyba trzeba coś podobnego https://github.com/angular/angular/blob/951ecb4d9024b6b67a326ef2f04eb58a5190f219/modules/%40angular/router/test/integration.spec.ts#L24 –

Odpowiedz

29

była w stanie go naprawić, i to było tak proste, jak to:

beforeEach(() => addProviders([ 
    { 
     provide: Router, 
     useClass: class { navigate = jasmine.createSpy("navigate"); } 
    }])); 
+2

Stąd można użyć do jaśmin testowanie. 'spodziewać (router.navigate) .toHaveBeenCalledWith (['/ success']);' – GlacialFlames

+4

W 2.0.0 działa to również po dodaniu go do sekcji dostawców modułu NgModule: 'dostawcy: [ { zapewnia: Router , useClass: class {navigate = jaśmin.createSpy ("nawigacja"); } }] ' – bas

8

spróbuj dodać RouterModule:

import { ROUTER_DIRECTIVES, Router, RouterModule } from '@angular/router'; 

beforeEach(() => { 
     TestBed.configureTestingModule({ 
      providers: [ 
       ... 
       {provide: Router, useClass: RouterModule}, 
     }); 
    }); 
+3

W przypadku niektórych składników użycie tej metody spowodowało błąd" Nie można utworzyć wystąpienia zależności cyklicznej! "(" [ERROR ->] "): w module NgModule DynamicTestModule w pliku ./[email protected]:-1"? Jednak metoda @ masterwok zadziałała. – maia

5

nie miałem szczęścia z powyższych rozwiązań. Zamiast tego następuje zalecanego podejścia w dokumentacji: Testing Routed Components

Najpierw utwórz zgaszone router z dowolnych metod połączeń komponent:

class RouterStub { 
    navigateByUrl(url: string) { 
    return url; 
    } 
} 

Następnie podczas konfigurowania modułu testowania ty wykonaj następujące czynności:

TestBed.configureTestingModule({ 
    declarations: [HeaderComponent], 
    providers: [ 
    {provide: Router, useClass: RouterStub} 
    ] 
});