所以这是我的问题,我想在我的代码中测试这个canActivate
函数。
我的AuthRoleGuardService.ts文件:
export class AuthRoleGuardService implements CanActivate {
constructor(private authService: AuthService, private router: Router) {}
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
const currentUser = this.authService.currentUserSubject.value;
if (Roles[currentUser.role] >= route.data.role) {
return true;
}
this.router.navigate(['/access-denied'], { queryParams: { redirect: state.url }, replaceUrl: true });
return false;
}
}
到目前为止,我尝试过的是:
it('should allow navigation if user has minimum role', () => {});
it('should not allow navigation if user does not have minimum role', () => {
const role = 'DISPLAY';
const routerMock = jasmine.createSpyObj('Router', ['navigate']);
expect(roleGuard.canActivate(undefined, ({ url: 'users' } as any) as RouterStateSnapshot)).toBe(false);
expect(routerMock.navigate).toHaveBeenCalledWith(['access-denied']);
});
我怎样才能传递这个角色呢?
也许是个很好的解决方案:
it('should not allow navigation if user does not have minimum role', fakeAsync(() => {
user.role = 'DISPLAY';
const route = new ActivatedRouteSnapshot();
route.data = { role: Roles.SHIFTLEAD };
expect(roleGuard.canActivate(route, mockStateSnapshot)).toBe(false);
expect(mockRouter.navigate).toHaveBeenCalledWith(['/access-denied'], {
queryParams: { redirect: undefined },
replaceUrl: true
});
}));
发布于 2019-07-26 08:50:48
要测试一个守卫,你必须做这样的事情:
{ path : "", component : ComponentName, canActivate : [GuardName]}
编辑
案例1:
export class AuthRoleGuardService implements CanActivate {
test : number = 0 ;
constructor(private authService: AuthService, private router: Router) {}
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
if (this.test != 0) {
return true;
}
this.router.navigate('/access-denied');
return false;
}
}
在这种情况下,用户将停留在他所在的页面中,因为我无法访问目标页面
案例2:
export class AuthRoleGuardService implements CanActivate {
test : number = 0 ;
constructor(private authService: AuthService, private router: Router) {}
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
if (this.test == 0) {
return true;
}
this.router.navigate('/access-denied');
return false;
}
}
在这种情况下,用户将转到目标页面,因为test的值等于'0‘
https://stackoverflow.com/questions/57216358
复制相似问题