packages/router/test/router_devtools.spec.ts - main - githubmirror/angular

packages/router/test/router_devtools.spec.ts
108 строк3 KB
AleksanderBodurri
feat(devtools): clean up router tree for stable release (#63081)
03 сен 2025, 06:59
03 сен 2025, 06:59d006721
/**
 * @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.',
      );
    });
  });
});