Angular + Jest Mock Window Location

location.guard.spec.ts

import { HttpClientTestingModule } from '@angular/common/http/testing';
import { TestBed } from '@angular/core/testing';
import { WindowLocationToken } from '../location';
import { LocationHrefGuard } from './location-href.guard';

describe('LocationHrefGuard', () => {
  let guard: LocationHrefGuard;
  const routeMock: any = {
    snapshot: {},
    data: { pathname: '/app/logout.php' },
  };
  const routeStateMock: any = { snapshot: {}, url: '/logout' };
  const locationMock = {
    href: 'http://test.com/app/test.php',
    pathname: '/app/test/php',
    assign: jest.fn(),
  };
  const expectedUrl = 'http://test.com/app/logout.php';

  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [
        LocationHrefGuard,
        {
          provide: WindowLocationToken,
          useFactory: () => locationMock,
        },
      ],
      imports: [HttpClientTestingModule],
    });
    guard = TestBed.inject(LocationHrefGuard);
  });

  test('should be created', () => {
    expect(guard).toBeTruthy();
  });

  test('should navigate to new url', () => {
    expect(guard.canActivate(routeMock, routeStateMock)).toEqual(false);
    expect(locationMock.assign).toHaveBeenCalled();
  });
});

location.guard.ts

@Injectable({
  providedIn: 'root',
})

/**
 * A guard that navigates to a new url.
 */
export class LocationHrefGuard implements CanActivate {
  constructor(@Inject(WindowLocationToken) private location: Location) {}

  canActivate(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot
  ):
    | Observable<boolean | UrlTree>
    | Promise<boolean | UrlTree>
    | boolean
    | UrlTree {
    const newPath = route.data['pathname'];
    const newUrl = location.href.replace(location.pathname, newPath);

    location.assign(newUrl);
    return false;
  }
}

location.ts

import { InjectionToken } from '@angular/core';

export const WindowLocationToken = new InjectionToken('Window Location');
export function windowLocationProvider() {
  return window.location;
}