Как выполнить модульное тестирование угловой защиты с наблюдаемой подпиской в ​​конструкторе - PullRequest
Новая
       38

Как выполнить модульное тестирование угловой защиты с наблюдаемой подпиской в ​​конструкторе

1 голос
/ 29 марта 2019

Я пытаюсь провести модульное тестирование углового предохранителя, который передает наблюдаемое, принадлежащее службе аутентификации. Подписка происходит по методу охраны canActivate().

Я использую шпион-жасмин в службе аутентификации, которая может возвращать значения, но шпион никогда не вызывался в моем модульном тесте.

При тестировании компонента я использую fixture.detectChanges(), но для этого средства защиты я не могу найти способ проверить, что он возвращает правильную вещь в соответствии с наблюдаемым значением.

Auth-guard.ts: 

@Injectable({
  providedIn: 'root'
})
export class AuthGuard implements CanActivate {
  constructor(
    private authService: AuthService,
    private router: Router
  ) {}

  canActivate(): Observable<boolean> {
    return this.authService.isAuthenticated$.pipe(
      map(e => {
        if (e) {
          return true;
        }
      }),
      catchError((err) => {
        this.router.navigate(['/login']);
        return of(false);
      })
    );
  }
}

auth.service.ts: 

@Injectable()
export class AuthService {

  private isAuthenticated = new BehaviorSubject<boolean>(false);

  get isAuthenticated$(): Observable<boolean> { return this.isAuthenticated.asObservable(); }

  ...
}

Auth-guard.spec.ts: 

describe('Authuard', () => {

  let authGuard: AuthGuard;
  let authService: jasmine.SpyObj<AuthService>;

  beforeEach(() => {

    const authServiceSpy = jasmine.createSpyObj('AuthService', ['isAuthenticated$']);

    TestBed.configureTestingModule({
      providers: [
        AuthGuard,
        { provide: AuthService, useValue: authServiceSpy }
      ]
    });

    authGuard = TestBed.get(AuthGuard);
    authService = TestBed.get(AuthService);
  });

  it('should create', () => {
    expect(authGuard).toBeDefined();
  });

  /* This test fails */
  it('should return false when not authenticated', () => {
    authService.isAuthenticated$.and.returnValue(of(false));

    authGuard.canActivate().subscribe(canActivate => {
        expect(canActivate).toBe(false);
    });
  });
});

Второй тест не пройден с this.authService.isAuthenticated$.pipe is not a function. Возвращаемое шпионом значение isAuthenticated $ не принимается.

Как я могу проверить, что охранник возвращает правильное значение, когда наблюдаемое значение, возвращаемое службой аутентификации, изменяется? Можно ли это сделать с жасминовыми шпионами?

1 Ответ

0 голосов
/ 30 марта 2019

Попробуйте throwError как показано ниже: 

import { throwError } from 'rxjs';

it('should return false when not authenticated', () => {
    spyOn(authService,'isAuthenticated$').and.returnValue(throwError('error'));

    authGuard.canActivate().subscribe(canActivate => {
        expect(canActivate).toBeFalsy();
});
...