Angular路由单元测试失败
创始人
2024-10-28 01:34:54
0
  1. 确认导入的依赖是否正确,并在 TestBed 的配置中添加 RouterModule:

import { TestBed, async } from '@angular/core/testing'; import { RouterModule } from '@angular/router'; import { RouterTestingModule } from "@angular/router/testing"; import { AppComponent } from './app.component';

describe('AppComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ imports: [ RouterTestingModule, RouterModule ], declarations: [ AppComponent ], }).compileComponents(); })); });

  1. 在测试之前手动导入 AppRoutingModule,并添加一个 NgModuleRef 的 mocked 实例,以使测试通过:

import { Component, NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppRoutingModule } from './app-routing.module';

@Component({ selector: 'app-test-cmp', template: '', }) export class TestComponent {}

@NgModule({ imports: [AppRoutingModule, RouterModule], declarations: [TestComponent], exports: [TestComponent], }) export class TestModule {}

describe('AppComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ imports: [RouterTestingModule.withRoutes([]), TestModule], declarations: [AppComponent], }) .overrideComponent(AppComponent, { set: { providers: [{ provide: NgModuleRef, useValue: {} }], }, }) .compileComponents(); })); });

  1. 在 TestBed 配置中将 RouterTestingModule 的 imports 与 AppRoutingModule 合并,以使测试通过:

TestBed.configureTestingModule({ imports: [RouterTestingModule.withRoutes(routes), AppRoutingModule], declarations: [AppComponent, HomeComponent, AboutComponent], });

通过以上步骤进行配置后,用 Karma 运行测试即可。

相关内容

热门资讯

辅助透视!wepoker透视脚... 辅助透视!wepoker透视脚本视频,we poker插件(透视)攻略教程(有挂规律)1、wepok...
透视实锤!wepoker辅助器... 透视实锤!wepoker辅助器怎么弄,wepoker轻量版辅助(透视)规律教程(有挂插件);1、完成...
透视实锤!wepoker有插件... 透视实锤!wepoker有插件吗,wepoker究竟有没有透视(透视)2025新版技巧(有挂解说);...
透视教学!wepoker手机助... 透视教学!wepoker手机助手,wepoker底牌透视(透视)扑克教程(有挂介绍)1、操作简单,无...
透视透视!如何下载wepoke... 透视透视!如何下载wepoker安装包,wepoker辅助透视软件(透视)透明挂教程(有挂攻略)如何...
透视线上!wepokerplu... 透视线上!wepokerplus辅助,wepoker永久免费脚本(透视)2025新版技巧(有挂揭秘)...
透视智能ai!wepoker线... 透视智能ai!wepoker线上大神,wepoker游戏下载(透视)黑科技教程(有挂解密)1、wep...
透视黑科技!wepoker辅助... 透视黑科技!wepoker辅助器有哪些功能,wepoker一直输的号能继续打吗(透视)新2025教程...
透视教程!wepoker轻量版... 透视教程!wepoker轻量版透视系统,wepoker开辅助能查到吗(透视)靠谱教程(有挂技巧)we...
透视数据!wepoker私人局... 透视数据!wepoker私人局规律,wepoker免费钻石(透视)德州教程(有挂解说)1、很好的工具...