如何将角度6+服务变量注入app-routing.module.spec.ts并测试路由器重定向

在Angular中，可以通过将服务变量注入到app-routing.module.spec.ts文件中来测试路由器重定向。下面是一个完善且全面的答案：

在app-routing.module.spec.ts文件中，我们可以使用Angular的测试工具来模拟注入服务变量并测试路由器重定向。以下是一些步骤：

导入所需的依赖项：

import { TestBed } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { YourService } from './your-service'; // 替换为你的服务名称

在测试套件中配置测试环境：

describe('AppRoutingModule', () => {
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [
        RouterTestingModule.withRoutes([]), // 使用RouterTestingModule进行路由测试
        AppRoutingModule
      ],
      declarations: [
        AppComponent
      ],
      providers: [
        YourService // 注入你的服务
      ]
    }).compileComponents();
  });
});

编写测试用例来测试路由器重定向：

it('should redirect to /your-route when calling yourService.redirectToYourRoute()', () => {
  const fixture = TestBed.createComponent(AppComponent);
  const app = fixture.componentInstance;
  const yourService = TestBed.inject(YourService); // 获取注入的服务实例

  spyOn(yourService, 'redirectToYourRoute'); // 使用jasmine的spyOn函数来监视服务方法的调用

  app.ngOnInit(); // 执行组件的初始化方法

  expect(yourService.redirectToYourRoute).toHaveBeenCalled(); // 验证服务方法是否被调用
  expect(yourService.redirectToYourRoute).toHaveBeenCalledWith(); // 验证服务方法是否被调用，并传入正确的参数

  fixture.detectChanges(); // 更新视图

  fixture.whenStable().then(() => {
    expect(location.path()).toBe('/your-route'); // 验证路由是否重定向到了指定的路径
  });
});

在上述代码中，我们使用TestBed来配置测试环境，并使用RouterTestingModule模拟路由器。然后，我们注入你的服务（YourService）并使用jasmine的spyOn函数来监视服务方法的调用。接下来，我们执行组件的初始化方法，并验证服务方法是否被调用，并传入正确的参数。最后，我们使用fixture.whenStable()来等待异步操作完成，并验证路由是否重定向到了指定的路径。

这是一个完善且全面的答案，如果你需要了解更多关于Angular的测试和路由器重定向的信息，可以参考腾讯云的Angular文档：Angular开发指南。