Как я могу проверить эффекты ngrx, используя жасминовые шарики? - PullRequest
Новая
       24

Как я могу проверить эффекты ngrx, используя жасминовые шарики?

0 голосов
/ 25 апреля 2019

Я не могу проверить эффекты NgRx. Вы можете мне помочь?

Друзья, помогите пожалуйста. Я хочу проверить какой-то эффект, но не могу. Я получаю сообщение об ошибке "Ожидается, что $ [0] .notification.value.payload является своего рода объектом, но был пользователем ({name: '1212', role: ['somerole']})". Я не понимаю, что не так.

эффект: 

@Injectable({
  providedIn: 'root'
})
@Injectable()
export class AuthEffects {

  constructor(
    private actions$: Actions,
    private rootService: RootService,
    private router: Router,
  ) {
  }

  @Effect()
  authUser$: Observable<any> = this.actions$.pipe(
    ofType(authActions.FETCHING),
    map((action: authActions.Fetching) => action.payload),
    switchMap((paylod: UserRequest) => this.rootService.login(paylod)
        .pipe(
          map((value) => {
            const {sub, authorities} = value;
            this.router.navigate(['/customers-list']);
            return new authActions.Success(new User(sub, authorities));
          }),
          catchError(() => of(new authActions.Fail('wrong username or password')))
        )
    )
  );
}

спецификация: 

describe('AuthEffects', () => {
  let effects: AuthEffects;
  let rootService: jasmine.SpyObj<RootService>;
  let actions: Observable<any>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [HttpClientTestingModule, RouterTestingModule],
      providers: [
        RootService,
        AuthEffects,
        provideMockActions(() => actions),
        {
          provide: RootService,
          useValue: {
            login: jasmine.createSpy()
          }
        }
      ]
    });

    effects = TestBed.get(AuthEffects);
    rootService = TestBed.get(RootService);
  });

  it('should work', () => {
    const userRequest: UserRequest = {
      name: '1212',
      password: 'alsj'
    };
    const userResponse: UserResponse = {
      sub: '1212',
      authorities: ['somerole']
    };
    const editedUser: User = {
      name: '1212',
      roles: ['somerole']
    };
    const action = new authActions.Fetching(userRequest);
    const completion = new authActions.Success(editedUser);

    actions = hot('-a', {a: action});
    const response = cold('-a|', {a: userResponse});
    rootService.login.and.returnValue(response);
    const expected = cold('--b', {b: completion});

    expect(effects.authUser$).toBeObservable(expected);
  });
});

Я пытался сделать это по какому-то примеру, но что-то не так.

Ответы [ 2 ]

1 голос
/ 25 апреля 2019

Вы должны внести небольшое изменение в то, как вы устанавливаете ожидаемый блок в тесте. Попробуйте следующее: 

effects.authUser$.subscribe(actionSent => {
 expect(actionSent).toBeObservable(expected)
})

вместо 

expect(effects.authUser$).toBeObservable(expected);

Я надеюсь, что это сработает для вас.

0 голосов
/ 26 апреля 2019

кажется, что конструктор сломал это.Если я изменяю код эффекта без конструктора - он работает 

  @Effect()
  authUser$: Observable<any> = this.actions$.pipe(
    ofType(authActions.FETCHING),
    map((action: authActions.Fetching) => action.payload),
    switchMap((paylod: UserRequest): any => this.rootService.login(paylod)
        .pipe(
          map((value: UserResponse) => {
            const {sub, authorities} = value;
            return new authActions.Success({
              name: sub,
              roles: authorities
            });
          }),
          catchError(() => of(new authActions.Fail('wrong username or password')))
        )
    )
  );
...