angular - 如何在角茉莉花规格中模拟路由器

Question

我是使用 jasmine 编写测试规范的新手。我在 ngOnInit() 中有一个条件，例如 router.url.includes(some string)。检查组件是否真实的默认规范测试用例失败，说 TypeError：找不到未定义的包含。有什么方法可以监视或模拟包含？

Answer 1

您可以使用RouterTestingModule模拟角度路由器。

只需如下导入角度路由器。

import { RouterTestingModule } from '@angular/router/testing';
import { ActivatedRoute, Router } from '@angular/router';

并将其添加到imports数组中NgModule

TestBed.configureTestingModule({
    declarations: [
        someComponent
    ],
    imports: [
        RouterTestingModule.withRoutes([]),
    ],
    providers: [someProvider],
}).compileComponents

然后你可以如下注入Router并使用它进行测试

it('should Navigate', () => {
    const actiavtedRoute = TestBed.inject(ActivatedRoute);
    const router = TestBed.inject(Router);
})