在组件中调用订阅的单元测试中的调度操作

Question

调度在组件中订阅的操作

我有一个 Angular 15 项目，在各种组件中我订阅了特定事件。 我正在尝试在我的单元测试中发送订阅的 Action 以验证组件中发生的某些效果。

组件中的动作侦听器

this.actions$.pipe(
      ofType(
        loadProcessorsForGroupSuccess,
        loadProcessorsForGroupFailure
      )
    ).subscribe(() => {
      console.log('update success')
      this.spinner.hide('processing')
    });

笑话单元测试

beforeAll(() =>
  MockBuilder(ProcessingComponent, AppModule)
    .provide(provideMockStore({
      initialState,
      selectors: [ ...my selector definitions ]
    }))
    .provide(provideMockActions(() => actions$))
    .mock(NgxSpinnerService, {
      show: jest.fn(),
      hide: jest.fn()
    })
    .mock(NgbOffcanvas)
    .mock(ProcessorsService)
    .keep(UpperCasePipe)
  );
)
beforeEach(() => {
  fixture = MockRender(ProcessingComponent);
  component = fixture.point.componentInstance;
  store = ngMocks.findInstance(MockStore);
  spinnerService = ngMocks.findInstance(NgxSpinnerService);
  testScheduler = new TestScheduler((actual, expected) => {
     expect(actual).toEqual(expected);
  });
});

  fit('should take action on [loadProcessorsForGroupSuccess]', () => {
    const action = loadProcessorsForGroupSuccess({ processors: [] as any, gType: 'processing' });
    const spinnerSpy = jest.spyOn(spinnerService, 'show');

    store.dispatch(action);

  });

上面的测试没有完全清除，但是当我发送操作loadProcessorsForGroupSuccess时，我的组件订阅从未注销任何东西。

如何分派订阅的操作，以便触发我的组件订阅它并采取适用的操作？

我还有许多其他组件可以执行类似的操作，因此我需要一种方法来测试此类操作。

Answer 1

似乎一切都被模拟了（商店和动作），这意味着store.dispatch方法实际上并没有分派动作。 您可以执行actions$.next(action) ，这样actions$ stream 会发出已调度的操作。