javascript - Router events not executing in unit test

Question

I am trying to test my router.events, but the events are not triggering, and I am not sure why. I have tried this with no luck.

Here is how I have my test setup:

describe('AppComponent', () => {
  let component: AppComponent;
  let fixture: ComponentFixture<AppComponent>;
  let router: Router;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [
        HttpClientTestingModule, 
        RouterTestingModule.withRoutes([
          { path: Constants.routes.login, component: LoginComponent },
          { path: Constants.routes.admin.admin, component: AdminWelcomeComponent },
          { path: Constants.routes.user.user, component: HomeComponent }
        ])
      ]
      schemas: [NO_ERRORS_SCHEMA],
    }).compileComponents();
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(AppComponent);
    component = fixture.componentInstance;
    router = TestBed.inject(Router);
  });


  it('should be created', () => {
    component.apps = [{ name: '', url: '/test' }];
    component.ngOnInit();

    const event = new NavigationEnd(42, '/test', '/test');
    (TestBed.inject(Router).events as Subject<Event>).next(event);
  });
});

As seen in this screenshot, the subscription is not executed.

question from:https://stackoverflow.com/questions/65836894/router-events-not-executing-in-unit-test

Answer 1

You also have to make sure that change detection is run:

/* ... */
fixture.detectChanges();

(TestBed.inject(Router).events as Subject<Event>).next(event);