honeymoose/angular-cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(router): update router spec not to use TestComponentBuilder

Browse Source
This commit is contained in:
vsavkin 2016-08-16 20:21:05 -07:00 committed by Vikram Subramanian
parent 4648b3e5de
commit 9318033294
1 changed files with 197 additions and 173 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

370
modules/@angular/router/test/integration.spec.ts
View File

@ -8,10 +8,9 @@
import 'rxjs/add/operator/map'; import 'rxjs/add/operator/map';
import {Location} from '@angular/common'; import {CommonModule, Location} from '@angular/common';
import {Component, NgModule, NgModuleFactoryLoader} from '@angular/core'; import {Component, NgModule, NgModuleFactoryLoader} from '@angular/core';
import {ComponentFixture, TestBed, fakeAsync, getTestBed, inject, tick} from '@angular/core/testing'; import {ComponentFixture, TestBed, fakeAsync, inject, tick} from '@angular/core/testing';
import {addProviders} from '@angular/core/testing/testing_internal';
import {expect} from '@angular/platform-browser/testing/matchers'; import {expect} from '@angular/platform-browser/testing/matchers';
import {Observable} from 'rxjs/Observable'; import {Observable} from 'rxjs/Observable';
import {of } from 'rxjs/observable/of'; import {of } from 'rxjs/observable/of';
@ -19,34 +18,13 @@ import {of } from 'rxjs/observable/of';
import {ActivatedRoute, ActivatedRouteSnapshot, CanActivate, CanDeactivate, Event, NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Params, ROUTER_DIRECTIVES, Resolve, Router, RouterModule, RouterStateSnapshot, RoutesRecognized, provideRoutes} from '../index'; import {ActivatedRoute, ActivatedRouteSnapshot, CanActivate, CanDeactivate, Event, NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Params, ROUTER_DIRECTIVES, Resolve, Router, RouterModule, RouterStateSnapshot, RoutesRecognized, provideRoutes} from '../index';
import {RouterTestingModule, SpyNgModuleFactoryLoader} from '../testing'; import {RouterTestingModule, SpyNgModuleFactoryLoader} from '../testing';
describe('Integration', () => { describe('Integration', () => {
beforeEach(() => { beforeEach(() => {
TestBed.configureTestingModule({ TestBed.configureTestingModule({
imports: [RouterTestingModule], imports: [RouterTestingModule, TestModule],
providers: [provideRoutes( providers: [provideRoutes(
[{path: '', component: BlankCmp}, {path: 'simple', component: SimpleCmp}])], [{path: '', component: BlankCmp}, {path: 'simple', component: SimpleCmp}])]
declarations: [
BlankCmp,
SimpleCmp,
TeamCmp,
UserCmp,
StringLinkCmp,
DummyLinkCmp,
AbsoluteLinkCmp,
RelativeLinkCmp,
DummyLinkWithParentCmp,
LinkWithQueryParamsAndFragment,
CollectParamsCmp,
QueryParamsAndFragmentCmp,
StringLinkButtonCmp,
WrapperCmp,
LinkInNgIf,
ComponentRecordingRoutePathAndUrl,
RouteCmp,
RootCmp,
RelativeLinkInIfCmp,
RootCmpWithTwoOutlets
]
}); });
}); });
@ -80,16 +58,15 @@ describe('Integration', () => {
@Component({ @Component({
selector: 'someRoot', selector: 'someRoot',
template: `<div *ngIf="cond"><router-outlet></router-outlet></div>`, template: `<div *ngIf="cond"><router-outlet></router-outlet></div>`
entryComponents: [BlankCmp, SimpleCmp]
}) })
class RootCmpWithLink { class RootCmpWithLink {
cond: boolean = true; cond: boolean = true;
} }
TestBed.configureTestingModule({declarations: [RootCmpWithLink]}); TestBed.configureTestingModule({declarations: [RootCmpWithLink]});
const router: Router = getTestBed().get(Router); const router: Router = TestBed.get(Router);
const location: Location = getTestBed().get(Location); const location: Location = TestBed.get(Location);
const fixture = createRoot(router, RootCmpWithLink); const fixture = createRoot(router, RootCmpWithLink);
@ -517,7 +494,7 @@ describe('Integration', () => {
TestBed.configureTestingModule({declarations: [Container]}); TestBed.configureTestingModule({declarations: [Container]});
const router: Router = getTestBed().get(Router); const router: Router = TestBed.get(Router);
const fixture = createRoot(router, Container); const fixture = createRoot(router, Container);
const cmp = fixture.debugElement.componentInstance; const cmp = fixture.debugElement.componentInstance;
@ -565,11 +542,13 @@ describe('Integration', () => {
} }
beforeEach(() => { beforeEach(() => {
addProviders([ TestBed.configureTestingModule({
{provide: 'resolveTwo', useValue: (a: any, b: any) => 2}, providers: [
{provide: 'resolveFour', useValue: (a: any, b: any) => 4}, {provide: 'resolveTwo', useValue: (a: any, b: any) => 2},
{provide: 'resolveSix', useClass: ResolveSix} {provide: 'resolveFour', useValue: (a: any, b: any) => 4},
]); {provide: 'resolveSix', useClass: ResolveSix}
]
});
}); });
it('should provide resolved data', it('should provide resolved data',
@ -645,14 +624,13 @@ describe('Integration', () => {
it('should not preserve query params and fragment by default', fakeAsync(() => { it('should not preserve query params and fragment by default', fakeAsync(() => {
@Component({ @Component({
selector: 'someRoot', selector: 'someRoot',
template: `<router-outlet></router-outlet><a routerLink="/home">Link</a>`, template: `<router-outlet></router-outlet><a routerLink="/home">Link</a>`
directives: ROUTER_DIRECTIVES
}) })
class RootCmpWithLink { class RootCmpWithLink {
} }
TestBed.configureTestingModule({declarations: [RootCmpWithLink]}); TestBed.configureTestingModule({declarations: [RootCmpWithLink]});
const router: Router = getTestBed().get(Router); const router: Router = TestBed.get(Router);
const fixture = createRoot(router, RootCmpWithLink); const fixture = createRoot(router, RootCmpWithLink);
@ -670,13 +648,12 @@ describe('Integration', () => {
@Component({ @Component({
selector: 'someRoot', selector: 'someRoot',
template: template:
`<router-outlet></router-outlet><a routerLink="/home" preserveQueryParams preserveFragment>Link</a>`, `<router-outlet></router-outlet><a routerLink="/home" preserveQueryParams preserveFragment>Link</a>`
directives: ROUTER_DIRECTIVES
}) })
class RootCmpWithLink { class RootCmpWithLink {
} }
TestBed.configureTestingModule({declarations: [RootCmpWithLink]}); TestBed.configureTestingModule({declarations: [RootCmpWithLink]});
const router: Router = getTestBed().get(Router); const router: Router = TestBed.get(Router);
const fixture = createRoot(router, RootCmpWithLink); const fixture = createRoot(router, RootCmpWithLink);
router.resetConfig([{path: 'home', component: SimpleCmp}]); router.resetConfig([{path: 'home', component: SimpleCmp}]);
@ -871,7 +848,8 @@ describe('Integration', () => {
describe('CanActivate', () => { describe('CanActivate', () => {
describe('should not activate a route when CanActivate returns false', () => { describe('should not activate a route when CanActivate returns false', () => {
beforeEach(() => { beforeEach(() => {
addProviders([{provide: 'alwaysFalse', useValue: (a: any, b: any) => false}]); TestBed.configureTestingModule(
{providers: [{provide: 'alwaysFalse', useValue: (a: any, b: any) => false}]});
}); });
it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => { it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => {
@ -891,7 +869,8 @@ describe('Integration', () => {
'should not activate a route when CanActivate returns false (componentless route)', 'should not activate a route when CanActivate returns false (componentless route)',
() => { () => {
beforeEach(() => { beforeEach(() => {
addProviders([{provide: 'alwaysFalse', useValue: (a: any, b: any) => false}]); TestBed.configureTestingModule(
{providers: [{provide: 'alwaysFalse', useValue: (a: any, b: any) => false}]});
}); });
it('works', it('works',
@ -913,10 +892,12 @@ describe('Integration', () => {
describe('should activate a route when CanActivate returns true', () => { describe('should activate a route when CanActivate returns true', () => {
beforeEach(() => { beforeEach(() => {
addProviders([{ TestBed.configureTestingModule({
provide: 'alwaysTrue', providers: [{
useValue: (a: ActivatedRouteSnapshot, s: RouterStateSnapshot) => true provide: 'alwaysTrue',
}]); useValue: (a: ActivatedRouteSnapshot, s: RouterStateSnapshot) => true
}]
});
}); });
it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => { it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => {
@ -939,7 +920,7 @@ describe('Integration', () => {
} }
} }
beforeEach(() => { addProviders([AlwaysTrue]); }); beforeEach(() => { TestBed.configureTestingModule({providers: [AlwaysTrue]}); });
it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => { it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => {
const fixture = createRoot(router, RootCmp); const fixture = createRoot(router, RootCmp);
@ -956,10 +937,13 @@ describe('Integration', () => {
describe('should work when returns an observable', () => { describe('should work when returns an observable', () => {
beforeEach(() => { beforeEach(() => {
addProviders([{ TestBed.configureTestingModule({
provide: 'CanActivate', providers: [{
useValue: (a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => { return of (false); } provide: 'CanActivate',
}]); useValue:
(a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => { return of (false); }
}]
});
}); });
@ -977,16 +961,18 @@ describe('Integration', () => {
describe('should work when returns a promise', () => { describe('should work when returns a promise', () => {
beforeEach(() => { beforeEach(() => {
addProviders([{ TestBed.configureTestingModule({
provide: 'CanActivate', providers: [{
useValue: (a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => { provide: 'CanActivate',
if (a.params['id'] == '22') { useValue: (a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => {
return Promise.resolve(true); if (a.params['id'] == '22') {
} else { return Promise.resolve(true);
return Promise.resolve(false); } else {
return Promise.resolve(false);
}
} }
} }]
}]); });
}); });
@ -1010,26 +996,28 @@ describe('Integration', () => {
describe('CanDeactivate', () => { describe('CanDeactivate', () => {
describe('should not deactivate a route when CanDeactivate returns false', () => { describe('should not deactivate a route when CanDeactivate returns false', () => {
beforeEach(() => { beforeEach(() => {
addProviders([ TestBed.configureTestingModule({
{ providers: [
provide: 'CanDeactivateParent', {
useValue: (c: any, a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => { provide: 'CanDeactivateParent',
return a.params['id'] === '22'; useValue: (c: any, a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => {
return a.params['id'] === '22';
}
},
{
provide: 'CanDeactivateTeam',
useValue: (c: any, a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => {
return c.route.snapshot.params['id'] === '22';
}
},
{
provide: 'CanDeactivateUser',
useValue: (c: any, a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => {
return a.params['name'] === 'victor';
}
} }
}, ]
{ });
provide: 'CanDeactivateTeam',
useValue: (c: any, a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => {
return c.route.snapshot.params['id'] === '22';
}
},
{
provide: 'CanDeactivateUser',
useValue: (c: any, a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => {
return a.params['name'] === 'victor';
}
}
]);
}); });
it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => { it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => {
@ -1118,7 +1106,7 @@ describe('Integration', () => {
} }
} }
beforeEach(() => { addProviders([AlwaysTrue]); }); beforeEach(() => { TestBed.configureTestingModule({providers: [AlwaysTrue]}); });
it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => { it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => {
const fixture = createRoot(router, RootCmp); const fixture = createRoot(router, RootCmp);
@ -1139,12 +1127,14 @@ describe('Integration', () => {
describe('should work when returns an observable', () => { describe('should work when returns an observable', () => {
beforeEach(() => { beforeEach(() => {
addProviders([{ TestBed.configureTestingModule({
provide: 'CanDeactivate', providers: [{
useValue: (c: TeamCmp, a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => { provide: 'CanDeactivate',
return of (false); useValue: (c: TeamCmp, a: ActivatedRouteSnapshot, b: RouterStateSnapshot) => {
} return of (false);
}]); }
}]
});
}); });
it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => { it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => {
@ -1167,10 +1157,12 @@ describe('Integration', () => {
describe('CanActivateChild', () => { describe('CanActivateChild', () => {
describe('should be invoked when activating a child', () => { describe('should be invoked when activating a child', () => {
beforeEach(() => { beforeEach(() => {
addProviders([{ TestBed.configureTestingModule({
provide: 'alwaysFalse', providers: [{
useValue: (a: any, b: any) => { return a.params.id === '22'; } provide: 'alwaysFalse',
}]); useValue: (a: any, b: any) => { return a.params.id === '22'; }
}]
});
}); });
it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => { it('works', fakeAsync(inject([Router, Location], (router: Router, location: Location) => {
@ -1198,10 +1190,12 @@ describe('Integration', () => {
describe('CanLoad', () => { describe('CanLoad', () => {
describe('should not load children when CanLoad returns false', () => { describe('should not load children when CanLoad returns false', () => {
beforeEach(() => { beforeEach(() => {
addProviders([ TestBed.configureTestingModule({
{provide: 'alwaysFalse', useValue: (a: any) => false}, providers: [
{provide: 'alwaysTrue', useValue: (a: any) => true} {provide: 'alwaysFalse', useValue: (a: any) => false},
]); {provide: 'alwaysTrue', useValue: (a: any) => true}
]
});
}); });
it('works', it('works',
@ -1216,8 +1210,7 @@ describe('Integration', () => {
@NgModule({ @NgModule({
declarations: [LazyLoadedComponent], declarations: [LazyLoadedComponent],
imports: imports:
[RouterModule.forChild([{path: 'loaded', component: LazyLoadedComponent}])], [RouterModule.forChild([{path: 'loaded', component: LazyLoadedComponent}])]
entryComponents: [LazyLoadedComponent]
}) })
class LoadedModule { class LoadedModule {
} }
@ -1303,7 +1296,7 @@ describe('Integration', () => {
} }
TestBed.configureTestingModule({declarations: [RootCmpWithLink]}); TestBed.configureTestingModule({declarations: [RootCmpWithLink]});
const router: Router = getTestBed().get(Router); const router: Router = TestBed.get(Router);
const f = TestBed.createComponent(RootCmpWithLink); const f = TestBed.createComponent(RootCmpWithLink);
advance(f); advance(f);
@ -1382,8 +1375,7 @@ describe('Integration', () => {
(router: Router, location: Location, loader: SpyNgModuleFactoryLoader) => { (router: Router, location: Location, loader: SpyNgModuleFactoryLoader) => {
@Component({ @Component({
selector: 'lazy', selector: 'lazy',
template: 'lazy-loaded-parent [<router-outlet></router-outlet>]', template: 'lazy-loaded-parent [<router-outlet></router-outlet>]'
directives: ROUTER_DIRECTIVES
}) })
class ParentLazyLoadedComponent { class ParentLazyLoadedComponent {
} }
@ -1398,8 +1390,7 @@ describe('Integration', () => {
path: 'loaded', path: 'loaded',
component: ParentLazyLoadedComponent, component: ParentLazyLoadedComponent,
children: [{path: 'child', component: ChildLazyLoadedComponent}] children: [{path: 'child', component: ChildLazyLoadedComponent}]
}])], }])]
entryComponents: [ParentLazyLoadedComponent, ChildLazyLoadedComponent]
}) })
class LoadedModule { class LoadedModule {
} }
@ -1429,14 +1420,12 @@ describe('Integration', () => {
@NgModule({ @NgModule({
declarations: [LazyComponent2], declarations: [LazyComponent2],
imports: [RouterModule.forChild([{path: 'loaded', component: LazyComponent2}])], imports: [RouterModule.forChild([{path: 'loaded', component: LazyComponent2}])]
entryComponents: [LazyComponent2]
}) })
class SiblingOfLoadedModule { class SiblingOfLoadedModule {
} }
@Component( @Component({selector: 'lazy', template: 'lazy-loaded-1'})
{selector: 'lazy', template: 'lazy-loaded-1', directives: ROUTER_DIRECTIVES})
class LazyComponent1 { class LazyComponent1 {
} }
@ -1445,8 +1434,7 @@ describe('Integration', () => {
imports: [ imports: [
RouterModule.forChild([{path: 'loaded', component: LazyComponent1}]), RouterModule.forChild([{path: 'loaded', component: LazyComponent1}]),
SiblingOfLoadedModule SiblingOfLoadedModule
], ]
entryComponents: [LazyComponent1]
}) })
class LoadedModule { class LoadedModule {
} }
@ -1491,7 +1479,6 @@ describe('Integration', () => {
} }
@NgModule({ @NgModule({
entryComponents: [LazyLoadedParentComponent],
declarations: [LazyLoadedParentComponent, LazyLoadedChildComponent], declarations: [LazyLoadedParentComponent, LazyLoadedChildComponent],
imports: [RouterModule.forChild([{ imports: [RouterModule.forChild([{
path: '', path: '',
@ -1529,7 +1516,6 @@ describe('Integration', () => {
@NgModule({ @NgModule({
declarations: [LazyLoadedComponent], declarations: [LazyLoadedComponent],
imports: [RouterModule.forChild([{path: 'loaded', component: LazyLoadedComponent}])], imports: [RouterModule.forChild([{path: 'loaded', component: LazyLoadedComponent}])],
entryComponents: [LazyLoadedComponent]
}) })
class LoadedModule { class LoadedModule {
} }
@ -1576,27 +1562,21 @@ function expectEvents(events: Event[], pairs: any[]) {
} }
} }
@Component({ @Component({selector: 'link-cmp', template: `<a routerLink="/team/33/simple">link</a>`})
selector: 'link-cmp',
template: `<a routerLink="/team/33/simple">link</a>`,
directives: ROUTER_DIRECTIVES
})
class StringLinkCmp { class StringLinkCmp {
} }
@Component({ @Component({
selector: 'link-cmp', selector: 'link-cmp',
template: `<button routerLink template: `<button routerLink
="/team/33/simple">link</button>`, ="/team/33/simple">link</button>`
directives: ROUTER_DIRECTIVES
}) })
class StringLinkButtonCmp { class StringLinkButtonCmp {
} }
@Component({ @Component({
selector: 'link-cmp', selector: 'link-cmp',
template: `<router-outlet></router-outlet><a [routerLink]="['/team/33/simple']">link</a>`, template: `<router-outlet></router-outlet><a [routerLink]="['/team/33/simple']">link</a>`
directives: ROUTER_DIRECTIVES
}) })
class AbsoluteLinkCmp { class AbsoluteLinkCmp {
} }
@ -1606,36 +1586,29 @@ class AbsoluteLinkCmp {
template: template:
`<router-outlet></router-outlet><a routerLinkActive="active" [routerLinkActiveOptions]="{exact: exact}" [routerLink]="['./']">link</a> `<router-outlet></router-outlet><a routerLinkActive="active" [routerLinkActiveOptions]="{exact: exact}" [routerLink]="['./']">link</a>
<button routerLinkActive="active" [routerLinkActiveOptions]="{exact: exact}" [routerLink]="['./']">button</button> <button routerLinkActive="active" [routerLinkActiveOptions]="{exact: exact}" [routerLink]="['./']">button</button>
`, `
directives: ROUTER_DIRECTIVES
}) })
class DummyLinkCmp { class DummyLinkCmp {
private exact: boolean; private exact: boolean;
constructor(route: ActivatedRoute) { this.exact = (<any>route.snapshot.params).exact === 'true'; } constructor(route: ActivatedRoute) { this.exact = (<any>route.snapshot.params).exact === 'true'; }
} }
@Component({ @Component({selector: 'link-cmp', template: `<a [routerLink]="['../simple']">link</a>`})
selector: 'link-cmp',
template: `<a [routerLink]="['../simple']">link</a>`,
directives: ROUTER_DIRECTIVES
})
class RelativeLinkCmp { class RelativeLinkCmp {
} }
@Component({ @Component({
selector: 'link-cmp', selector: 'link-cmp',
template: `<a [routerLink]="['../simple']" [queryParams]="{q: '1'}" fragment="f">link</a>`, template: `<a [routerLink]="['../simple']" [queryParams]="{q: '1'}" fragment="f">link</a>`
directives: ROUTER_DIRECTIVES
}) })
class LinkWithQueryParamsAndFragment { class LinkWithQueryParamsAndFragment {
} }
@Component({selector: 'simple-cmp', template: `simple`, directives: ROUTER_DIRECTIVES}) @Component({selector: 'simple-cmp', template: `simple`})
class SimpleCmp { class SimpleCmp {
} }
@Component( @Component({selector: 'collect-params-cmp', template: `collect-params`})
{selector: 'collect-params-cmp', template: `collect-params`, directives: ROUTER_DIRECTIVES})
class CollectParamsCmp { class CollectParamsCmp {
private params: any = []; private params: any = [];
private urls: any = []; private urls: any = [];
@ -1650,15 +1623,14 @@ class CollectParamsCmp {
} }
} }
@Component({selector: 'blank-cmp', template: ``, directives: ROUTER_DIRECTIVES}) @Component({selector: 'blank-cmp', template: ``})
class BlankCmp { class BlankCmp {
} }
@Component({ @Component({
selector: 'team-cmp', selector: 'team-cmp',
template: template:
`team {{id | async}} [ <router-outlet></router-outlet>, right: <router-outlet name="right"></router-outlet> ]`, `team {{id | async}} [ <router-outlet></router-outlet>, right: <router-outlet name="right"></router-outlet> ]`
directives: ROUTER_DIRECTIVES
}) })
class TeamCmp { class TeamCmp {
id: Observable<string>; id: Observable<string>;
@ -1670,8 +1642,7 @@ class TeamCmp {
} }
} }
@Component( @Component({selector: 'user-cmp', template: `user {{name | async}}`})
{selector: 'user-cmp', template: `user {{name | async}}`, directives: [ROUTER_DIRECTIVES]})
class UserCmp { class UserCmp {
name: Observable<string>; name: Observable<string>;
recordedParams: Params[] = []; recordedParams: Params[] = [];
@ -1682,19 +1653,12 @@ class UserCmp {
} }
} }
@Component({ @Component({selector: 'wrapper', template: `<router-outlet></router-outlet>`})
selector: 'wrapper',
template: `<router-outlet></router-outlet>`,
directives: [ROUTER_DIRECTIVES]
})
class WrapperCmp { class WrapperCmp {
} }
@Component({ @Component(
selector: 'query-cmp', {selector: 'query-cmp', template: `query: {{name | async}} fragment: {{fragment | async}}`})
template: `query: {{name | async}} fragment: {{fragment | async}}`,
directives: [ROUTER_DIRECTIVES]
})
class QueryParamsAndFragmentCmp { class QueryParamsAndFragmentCmp {
name: Observable<string>; name: Observable<string>;
fragment: Observable<string>; fragment: Observable<string>;
@ -1705,7 +1669,7 @@ class QueryParamsAndFragmentCmp {
} }
} }
@Component({selector: 'route-cmp', template: `route`, directives: ROUTER_DIRECTIVES}) @Component({selector: 'route-cmp', template: `route`})
class RouteCmp { class RouteCmp {
constructor(public route: ActivatedRoute) {} constructor(public route: ActivatedRoute) {}
} }
@ -1713,19 +1677,14 @@ class RouteCmp {
@Component({ @Component({
selector: 'link-cmp', selector: 'link-cmp',
template: template:
`<div *ngIf="show"><a [routerLink]="['./simple']">link</a></div> <router-outlet></router-outlet>`, `<div *ngIf="show"><a [routerLink]="['./simple']">link</a></div> <router-outlet></router-outlet>`
directives: ROUTER_DIRECTIVES,
entryComponents: [BlankCmp, SimpleCmp]
}) })
class RelativeLinkInIfCmp { class RelativeLinkInIfCmp {
show: boolean = false; show: boolean = false;
} }
@Component({ @Component(
selector: 'child', {selector: 'child', template: '<div *ngIf="alwaysTrue"><router-outlet></router-outlet></div>'})
template: '<div *ngIf="alwaysTrue"><router-outlet></router-outlet></div>',
directives: ROUTER_DIRECTIVES
})
class LinkInNgIf { class LinkInNgIf {
alwaysTrue = true; alwaysTrue = true;
} }
@ -1735,8 +1694,7 @@ class LinkInNgIf {
template: `<router-outlet></router-outlet> template: `<router-outlet></router-outlet>
<link-parent routerLinkActive="active" [routerLinkActiveOptions]="{exact: exact}"> <link-parent routerLinkActive="active" [routerLinkActiveOptions]="{exact: exact}">
<div ngClass="{one: 'true'}"><a [routerLink]="['./']">link</a></div> <div ngClass="{one: 'true'}"><a [routerLink]="['./']">link</a></div>
</link-parent>`, </link-parent>`
directives: ROUTER_DIRECTIVES
}) })
class DummyLinkWithParentCmp { class DummyLinkWithParentCmp {
private exact: boolean; private exact: boolean;
@ -1754,26 +1712,14 @@ class ComponentRecordingRoutePathAndUrl {
} }
} }
@Component({ @Component({selector: 'root-cmp', template: `<router-outlet></router-outlet>`})
selector: 'root-cmp',
template: `<router-outlet></router-outlet>`,
directives: [ROUTER_DIRECTIVES],
entryComponents: [
BlankCmp, SimpleCmp, TeamCmp, UserCmp, StringLinkCmp, DummyLinkCmp, AbsoluteLinkCmp,
RelativeLinkCmp, DummyLinkWithParentCmp, LinkWithQueryParamsAndFragment, CollectParamsCmp,
QueryParamsAndFragmentCmp, StringLinkButtonCmp, WrapperCmp, LinkInNgIf,
ComponentRecordingRoutePathAndUrl
]
})
class RootCmp { class RootCmp {
} }
@Component({ @Component({
selector: 'root-cmp', selector: 'root-cmp',
template: template:
`primary [<router-outlet></router-outlet>] right [<router-outlet name="right"></router-outlet>]`, `primary [<router-outlet></router-outlet>] right [<router-outlet name="right"></router-outlet>]`
directives: [ROUTER_DIRECTIVES],
entryComponents: [BlankCmp, SimpleCmp, RouteCmp, UserCmp]
}) })
class RootCmpWithTwoOutlets { class RootCmpWithTwoOutlets {
} }
@ -1791,3 +1737,81 @@ function createRoot(router: Router, type: any): ComponentFixture<any> {
advance(f); advance(f);
return f; return f;
} }
@NgModule({
imports: [RouterTestingModule, CommonModule],
entryComponents: [
BlankCmp,
SimpleCmp,
TeamCmp,
UserCmp,
StringLinkCmp,
DummyLinkCmp,
AbsoluteLinkCmp,
RelativeLinkCmp,
DummyLinkWithParentCmp,
LinkWithQueryParamsAndFragment,
CollectParamsCmp,
QueryParamsAndFragmentCmp,
StringLinkButtonCmp,
WrapperCmp,
LinkInNgIf,
ComponentRecordingRoutePathAndUrl,
RouteCmp,
RootCmp,
RelativeLinkInIfCmp,
RootCmpWithTwoOutlets
],
exports: [
BlankCmp,
SimpleCmp,
TeamCmp,
UserCmp,
StringLinkCmp,
DummyLinkCmp,
AbsoluteLinkCmp,
RelativeLinkCmp,
DummyLinkWithParentCmp,
LinkWithQueryParamsAndFragment,
CollectParamsCmp,
QueryParamsAndFragmentCmp,
StringLinkButtonCmp,
WrapperCmp,
LinkInNgIf,
ComponentRecordingRoutePathAndUrl,
RouteCmp,
RootCmp,
RelativeLinkInIfCmp,
RootCmpWithTwoOutlets
],
declarations: [
BlankCmp,
SimpleCmp,
TeamCmp,
UserCmp,
StringLinkCmp,
DummyLinkCmp,
AbsoluteLinkCmp,
RelativeLinkCmp,
DummyLinkWithParentCmp,
LinkWithQueryParamsAndFragment,
CollectParamsCmp,
QueryParamsAndFragmentCmp,
StringLinkButtonCmp,
WrapperCmp,
LinkInNgIf,
ComponentRecordingRoutePathAndUrl,
RouteCmp,
RootCmp,
RelativeLinkInIfCmp,
RootCmpWithTwoOutlets
]
})
class TestModule {
}