/**
* @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: '
simple standalone
'})
export class SimpleStandaloneComponent {}
@Component({
template: '',
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.',
);
});
});
});