ngrx效果单元测试合并映射中的多个动作

Question

我正在使用ngrx库并且有这样的效果

@Effect()
  loadCollection$: Observable<Action> = this.actions$
    .ofType(authAction.GET_USER)
    .startWith(new authAction.GetUserAction()) // call on app load
    .switchMap(() =>
      this.service.getUser()
        .mergeMap((user: User) => [
          new authAction.GetUserCompleteAction(user),
          new navigationAction.GetLinksCompleteAction(user.role)
        ])
    );

我正在为它编写规范,它看起来像这样

 actions = new ReplaySubject(2);
        actions.next(new auth.GetUserAction());

        effects.loadCollection$.subscribe(result => {
            expect(service.getUser).toHaveBeenCalled();
            expect(result).toEqual(new navigation.GetLinksCompleteAction('test'));  --> this line fails
        });

我怎么能期望在合并映射中调用多个动作.

Answer 1

你可以jasmine-marbles用来测试像这样的条件mergeMap.有关@ngrx/effects示例,请参阅测试文档:https://github.com/ngrx/platform/blob/master/docs/effects/testing.md

在您的情况下,测试看起来像这样:

  actions = hot('-a', { a: new authAction.GetUserAction() });

  const expected = cold('-(bc)', { // the ( ) groups the values into the same timeframe
      b: new authAction.GetUserCompleteAction({}), // put whatever mock value you have here
      c: new navigationAction.GetLinksCompleteAction('test')
  };

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

然后,我会将测试拆分expect(service.getUser).toHaveBeenCalled();为一个单独的测试用例.

见https://github.com/ReactiveX/rxjs/blob/master/doc/writing-marble-tests.md的hot/cold语法.