RxJS 测试：大理石测试混淆案例

Question

我正在向我的 angular/rxjs 项目添加单元测试，并且我正在使用 marble test 解决方案。因为我使用的是较新版本的 rxjs，所以我使用了内置的 "TestScheduler" 模块。

我正在关注这个post：https://brianflove.com/2018/06/28/ngrx-testing-effects/，它给出了一个例子如下：

export class UserEffects {
  @Effect()
  addUser: Observable<Action> = this.actions$
    .ofType<AddUser>(UserActionTypes.AddUser)
    .pipe(
      map(action => action.payload),
      exhaustMap(payload => this.userService.addUser(payload.user)),
      map(user => new AddUserSuccess({ user })),
      catchError(error => of(new AddUserFail({ error })))
    );

  constructor(private actions$: Actions, private userService: UserService) {}

}

单元测试如下：

describe('addUser', () => {
    it('should return an AddUserSuccess action, with the user, on success', () => {
    const user = generateUser();
    const action = new AddUser({ user });
    const outcome = new AddUserSuccess({ user });

    actions.stream = hot('-a', { a: action });
    const response = cold('-a|', { a: user });
    const expected = cold('--b', { b: outcome });
    userService.addUser = jest.fn(() => response);

    expect(effects.addUser).toBeObservable(expected);
  });
});

我能理解这里的逻辑（大理石串）期待一个令人困惑的地方：

cold('--b', { b: outcome })

为什么不 --b|？因为响应 observable 在 cold('-a|', { a: user }); 中有一个完成事件 |。

顺便说一句，在这个 post 中，它会使用第三方库，但我使用原生 TestScheduler 并得到相同的结果。

Answer 1

首先我想说我对 ngrx 不太熟悉，所以这只是我的猜测：看起来所有内容都被传递到 action reducer 中。动作流 -a 正在使用 --b 进行测试，您不希望动作缩减器结束，因为您希望它能够执行下一个动作。

RxJS 测试：大理石测试混淆案例

RxJS testing: marble test confusing case

rxjs

jasmine-marbles

rxjs-marbles