使用可观察的urltree进行Angular Guard单元测试

import { TestBed } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { UrlTree } from '@angular/router';
import { MyGuard } from './my-guard';

describe('MyGuard', () => {
  let guard: MyGuard;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [RouterTestingModule],
      providers: [MyGuard]
    });
    guard = TestBed.inject(MyGuard);
  });

  it('should allow navigation if user is logged in', () => {
    // 模拟已登录的用户
    spyOn(guard, 'isLoggedIn').and.returnValue(true);

    // 创建一个可观察的urltree对象，表示导航到'/dashboard'页面
    const urlTree: UrlTree = TestBed.inject(Router).parseUrl('/dashboard');

    // 调用路由守卫的canActivate方法，并订阅urltree的变化
    guard.canActivate(null, { url: urlTree }).subscribe(result => {
      expect(result).toBeTrue(); // 期望结果为true，表示导航允许通过
    });
  });

  it('should prevent navigation if user is not logged in', () => {
    // 模拟未登录的用户
    spyOn(guard, 'isLoggedIn').and.returnValue(false);

    // 创建一个可观察的urltree对象，表示导航到'/dashboard'页面
    const urlTree: UrlTree = TestBed.inject(Router).parseUrl('/dashboard');

    // 调用路由守卫的canActivate方法，并订阅urltree的变化
    guard.canActivate(null, { url: urlTree }).subscribe(result => {
      expect(result).toBeFalse(); // 期望结果为false，表示导航被阻止
    });
  });
});