How to match partial url in toHaveBeenCalledWith in Angular

Question

I'm testing the url by matching some part of it by using toHaveBeenCalledWith and the parameter should be without null/.

expect(router.navigate).toHaveBeenCalledWith(jasmine.objectContaining(['/home'])); 

After I tried the command above, I got this error:

Expected spy navigate to have been called with [ <jasmine.objectContaining([ '/home' ])> ] but actual calls were [ [ 'null/home' ] ].

Answer 1

You need setup your testing with either RouterTestingModule but that would require from you testing result of navigation instead of checking navigate arguments used.

Instead, you can have something like this:

class RouterMock {
  navigate = jasmine.createSpy('navigate')
}

TestBed.configureTestingModule({
  providers: [
    {
      provide: Router,
      useClass: RouterMock 
    },
    ...
  ]
});

You can check spy last called arguments something like this:

it('should...', inject([Router], (router: RouterMock) => {
  // ... setup test
  expect(router.navigate.calls.mostRecent().args).toEqual(jasmine.objectContaining(['/home'])); 
}))

Stackblitz example