我发布了 another question 关于为一个小型 Angular 应用程序对我的 authGuard 进行单元测试,但即使在同一个测试中,我也看到了另一个不相关的问题。所以这就是我提出这个问题的原因。
我的代码,没有不必要的额外内容是这样的: 身份验证:
@Injectable({
providedIn: 'root',
})
export class AuthGuard implements CanActivate {
constructor(
private authService: AuthService,
private router: Router,
@Inject(PLATFORM_ID) private platformId: Object,
) {}
canActivate(
_route: ActivatedRouteSnapshot,
_state: RouterStateSnapshot,
): boolean | UrlTree | Promise<boolean | UrlTree> | Observable<boolean | UrlTree> {
if (isPlatformServer(this.platformId)) {
console.log('server');
return true;
} else {
console.log('browser');
this.authService.autoLogin();
return this.authService.user.pipe(
take(1),
map((user) => {
console.log('user', user);
if (!!user) {
return true;
}
console.log('navugate');
this.router.navigate(['/auth']);
return false;
}),
);
}
}
}
和规范文件:
describe('AuthGuard', () => {
let spectator: SpectatorService<AuthGuard>;
const config = {
service: AuthGuard,
imports: [RouterTestingModule, HttpClientTestingModule],
providers: [AppRoutingModule, AuthService, { provide: PLATFORM_ID, useValue: 'browser' }],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
};
const createService = createServiceFactory(config);
it('should should navigate to /auth if running on browser and not authenticated', () => {
spectator = createService();
// const spyNavigate = spyOn(spectator.service['router'], 'navigate').and.callThrough();
const user = new User('bla@bla.com', 'id', 'token', new Date(10000));
spectator.service['authService'].user.next(user);
const result = spectator.service.canActivate(null, null);
// expect(spyNavigate).toHaveBeenCalled();
expect(result).toEqual(false);
});
});
有两个地方出错了:
Error: Expected AnonymousSubject({ _isScalar: false, observers: [ ], closed: false, isStopped: false, hasError: false, thrownError: null, destination: AnonymousSubject({ _isScalar: false, observers: [ ], closed: false, isStopped: false, hasError: false, thrownError: null, destination: BehaviorSubject({ _isScalar: false, observers: [ ], closed: false, isStopped: false, hasError: false, thrownError: null, _value: User({ email: 'email', id: 'localId', _token: 'idToken', _expirationDate: Date(Thu Mar 04 2021 21:28:27 GMT+0100 (Central European Standard Time)) }) }), source: BehaviorSubject({ _isScalar: false, observers: [ ], closed: false, isStopped: false, hasError: false, thrownError: null, _value: User({ email: 'email', id: 'localId', _token: 'idToken', _expirationDate: Date(Thu Mar 04 2021 21:28:27 GMT+0100 (Central European Standard Time)) }) }), operator: TakeOperator({ total: 1 }) }), source: AnonymousSubject({ _isScalar: false, observers: [ ], closed: false, isStopped: false, hasError: false ... to equal false.
我觉得这与 authGuard 中订阅的异步行为有关。
我尝试在规范中使用 fakeAsync
,然后在断言之前使用 tick()
,但也无法使其正常工作。
感谢这里的任何帮助!