本文介绍了用Karma/Jasmine进行Angular 8测试->未涵盖load的100%代码覆盖率的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
从角度7升级到8后,您的应用程序路由的loadChildren发生了重大变化.当这些问题修复并且所有测试都在运行时,我(再也没有)获得100%的代码覆盖率,因为loadChildren不再是字符串",而是LoadChildrenCallBack.
After upgrading from angular 7 to 8, there were breaking changes in loadChildren for your application routes. When these are fixed and all test are running, i don't get a 100% code coverage (anymore), because the loadChildren isn't a 'string' anymore, but a LoadChildrenCallBack.
我如何测试代码的这一特殊部分
How do i test this particulary part of code
设置:
import { NgModule } from '@angular/core';
import { RouterModule, RouterStateSnapshot, Routes } from '@angular/router';
import {
RouterStateSerializer,
StoreRouterConnectingModule,
} from '@ngrx/router-store';
import { LanguageGuard } from '@routes/guards/language-guard.service';
import { RouterStateUrl } from 'interfaces';
import { ErrorPageComponent } from 'pages';
/**
* Class to implements the RouterStateSerializer with a custom serializer
*/
export class CustomSerializer implements RouterStateSerializer<RouterStateUrl> {
/**
* Serialize the RouterState with the CustomSerialzer
* @param {RouterStateSnapshot} routerState
* @returns RouterStateUrl
*/
serialize(routerState: RouterStateSnapshot): RouterStateUrl {
let route = routerState.root;
while (route.firstChild) {
route = route.firstChild;
}
const {
url,
root: { queryParams },
} = routerState;
const { params } = route;
return { url, params, queryParams };
}
}
const appRoutes: Routes = [
{
children: [
{
path: '',
pathMatch: 'prefix',
redirectTo: 'en',
},
{
component: ErrorPageComponent,
path: '404',
},
{
canActivate: [LanguageGuard],
children: [
{
loadChildren: () =>
import('../modules/home.module').then(
m => m.HomeModule,
),
path: '',
pathMatch: 'full',
},
],
path: ':language',
},
],
path: '',
runGuardsAndResolvers: 'always',
},
];
/**
* Marks an class as an NgModule so it could be configured
*/
@NgModule({
exports: [RouterModule],
imports: [
RouterModule.forRoot(appRoutes, {
enableTracing: false,
onSameUrlNavigation: 'reload',
}),
StoreRouterConnectingModule.forRoot({
serializer: CustomSerializer,
}),
],
providers: [{ provide: RouterStateSerializer, useClass: CustomSerializer }],
})
/**
* Exports the AppRoutingModule from the NgModule
*/
export class AppRoutingModule {}
推荐答案
在您的spec.ts文件中
In your spec.ts file
import { YourModule } from '....'
let router: Router;
beforeEach(async(() => {
TestBed.configureTestingModule({
// You need to config your TestBed and load any dependencies that are required by your Module.
imports: [<more-here>, RouterTestingModule, <more-here>]
});
router = TestBed.get(Router);
}));
describe('Route XXXXX', () => {
it('should load specific module', async () => {
// locate the route config you are after
// could be in the main config or in children or children of children
const route = router.config[0].children.find(rc => rc.path === '<DESIRED_PATH>');
// you can also make this an expectation...
if (typeof route.loadChildren === 'function') {
expect(await route.loadChildren()).toEqual(YourModule)
}
});
});
这篇关于用Karma/Jasmine进行Angular 8测试->未涵盖load的100%代码覆盖率的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!