Function guardsIntegrationSuite

packages/router/test/integration/guards.spec.ts:78–2492

()

import {timeout} from '@angular/private/testing';

export function guardsIntegrationSuite() {
  describe('guards', () => {
    describe('CanActivate', () => {
      describe('guard completes before emitting a value', () => {
        @Injectable({providedIn: 'root'})
        class CompletesBeforeEmitting {
          private subject$ = new Subject<boolean>();

          constructor(destroyRef: DestroyRef) {
            destroyRef.onDestroy(() => this.subject$.complete());
          }

          // Note that this is a simple illustrative case of when an observable
          // completes without emitting a value. In a real-world scenario, this
          // might represent an HTTP request that never emits before the app is
          // destroyed and then completes when the app is destroyed.
          canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
            return this.subject$;
          }
        }

        it('should not thrown an unhandled promise rejection', async () => {
          const router = TestBed.inject(Router);
          const fixture = await createRoot(router, RootCmp);

          const onUnhandledrejection = jasmine.createSpy();
          window.addEventListener('unhandledrejection', onUnhandledrejection);

          router.resetConfig([
            {path: 'team/:id', component: TeamCmp, canActivate: [CompletesBeforeEmitting]},
          ]);

          router.navigateByUrl('/team/22');

          // This was previously throwing an error `NG0205: Injector has already been destroyed`.
          fixture.destroy();

          // Wait until the event task is dispatched.
          await new Promise((resolve) => setTimeout(resolve, 10));
          window.removeEventListener('unhandledrejection', onUnhandledrejection);

          expect(onUnhandledrejection).not.toHaveBeenCalled();
        });
      });

      describe('should not activate a route when CanActivate returns false', () => {
        it('works', async () => {
          const router = TestBed.inject(Router);
          const location = TestBed.inject(Location);
          const fixture = await createRoot(router, RootCmp);

          const recordedEvents: Event[] = [];
          router.events.forEach((e) => recordedEvents.push(e));

          router.resetConfig([{path: 'team/:id', component: TeamCmp, canActivate: [() => false]}]);

          router.navigateByUrl('/team/22');
          await advance(fixture);