mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
d006721f30
Addresses some cleanup items for the router tree: - No longer loads router ng global APIs as a side effect of importing the router. Rather this is now a runtime step that occurs when provideRouter is called. - No longer depends on router.navigateByUrl in Angular DevTools. There is now a dedicated global util for this - Router instance logic no longer depends on token name - Prevents navigating to lazy or redirect routes (these don't have an associated component) PR Close #63081
108 lines
3.4 KiB
TypeScript
108 lines
3.4 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.dev/license
|
|
*/
|
|
|
|
import {Component, Injector} from '@angular/core';
|
|
import {TestBed} from '@angular/core/testing';
|
|
import {Router, RouterModule} from '../index';
|
|
import {getLoadedRoutes, getRouterInstance, navigateByUrl} from '../src/router_devtools';
|
|
|
|
@Component({template: '<div>simple standalone</div>'})
|
|
export class SimpleStandaloneComponent {}
|
|
|
|
@Component({
|
|
template: '<router-outlet></router-outlet>',
|
|
imports: [RouterModule],
|
|
})
|
|
export class RootCmp {}
|
|
|
|
describe('router_devtools', () => {
|
|
describe('getLoadedRoutes', () => {
|
|
it('should return loaded routes when called with load children', async () => {
|
|
TestBed.configureTestingModule({
|
|
imports: [
|
|
RouterModule.forRoot([
|
|
{
|
|
path: 'lazy',
|
|
component: RootCmp,
|
|
loadChildren: () => [{path: 'simple', component: SimpleStandaloneComponent}],
|
|
},
|
|
]),
|
|
],
|
|
});
|
|
|
|
const root = TestBed.createComponent(RootCmp);
|
|
|
|
const router = TestBed.inject(Router);
|
|
await router.navigateByUrl('/lazy/simple');
|
|
root.detectChanges();
|
|
expect(root.nativeElement.innerHTML).toContain('simple standalone');
|
|
|
|
const loadedRoutes = getLoadedRoutes(router.config[0]);
|
|
const loadedPath = loadedRoutes && loadedRoutes[0].path;
|
|
expect(loadedPath).toEqual('simple');
|
|
});
|
|
});
|
|
|
|
it('should return undefined when called without load children', async () => {
|
|
TestBed.configureTestingModule({
|
|
imports: [
|
|
RouterModule.forRoot([
|
|
{
|
|
path: 'lazy',
|
|
component: RootCmp,
|
|
},
|
|
]),
|
|
],
|
|
});
|
|
|
|
const root = TestBed.createComponent(RootCmp);
|
|
|
|
const router = TestBed.inject(Router);
|
|
await router.navigateByUrl('/lazy');
|
|
root.detectChanges();
|
|
expect(root.nativeElement.innerHTML).toContain('');
|
|
|
|
const loadedRoutes = getLoadedRoutes(router.config[0]);
|
|
const loadedPath = loadedRoutes && loadedRoutes[0].path;
|
|
expect(loadedPath).toEqual(undefined);
|
|
});
|
|
|
|
describe('getRouterInstance', () => {
|
|
it('should return the Router instance from the injector', () => {
|
|
TestBed.configureTestingModule({
|
|
imports: [RouterModule.forRoot([])],
|
|
});
|
|
const injector = TestBed.inject(Injector);
|
|
const router = TestBed.inject(Router);
|
|
expect(getRouterInstance(injector)).toBe(router);
|
|
});
|
|
|
|
it('should return null if Router is not provided', () => {
|
|
const injector = Injector.create({providers: []});
|
|
expect(getRouterInstance(injector)).toBeNull();
|
|
});
|
|
});
|
|
|
|
describe('navigateByUrl', () => {
|
|
it('should navigate to the given url', async () => {
|
|
TestBed.configureTestingModule({
|
|
imports: [RouterModule.forRoot([{path: 'foo', component: SimpleStandaloneComponent}])],
|
|
});
|
|
const router = TestBed.inject(Router);
|
|
const result = await navigateByUrl(router, '/foo');
|
|
expect(result).toBeTrue();
|
|
expect(router.url).toBe('/foo');
|
|
});
|
|
|
|
it('should throw if not given a Router instance', async () => {
|
|
expect(() => navigateByUrl({} as unknown as Router, '/foo')).toThrowError(
|
|
'The provided router is not an Angular Router.',
|
|
);
|
|
});
|
|
});
|
|
});
|