ngxs：store.reset禁用茉莉单元测试中的调度员

Question

在用茉莉花测试我的NGXS商店时，我的出乎意料的行为遇到了麻烦。

在这里，我试图测试DeleteAlerts操作：

  @Action(DeleteAlerts)
  deleteAlerts(ctx: StateContext<AlertStateModel>, action: DeleteAlerts) {
    return this.alertService.deleteAlerts(action.alertIds).pipe(
      map(response => {
          if (response.ok) {
            action.alertIds.forEach(alertId => {
              ctx.setState(patch({
                alerts: removeItem<UniqueAlert>(alert => alert.alertIds.includes(alertId))
              }));
            });
          } else {
            throw new Error('Server failed to respond.');
          }
        }
      ));
  }

但是首先必须使用虚拟数据填充该商店。

我创建了此模型：

  const alertsMock = new Alerts({
alerts: [new UniqueAlert({alertIds: ['test1']}),
  new UniqueAlert({alertIds: ['test2']}),
  new UniqueAlert({alertIds: ['test3']})]
  });

我的商店看起来像这样：

 export interface AlertStateModel {
  alerts: UniqueAlert[];
}

然后我尝试用模拟填充商店：

store.reset({alerts: alertsMock.alerts})

但是，当我在测试中执行此操作时，deletealerts操作在调用时不会派遣。 store.dispatch（new deletealerts（alertids））

这是我不明白的部分：用getAlerts store.reset方法时，操作确实派遣了。 >调度，指示从模拟服务加载警报：

getAlerts操作：

  @Action(GetAlerts)
  public getAlerts(ctx: StateContext<AlertStateModel>) {
    return this.alertService.getAlerts().pipe(
      tap(fetchedAlerts => {
        ctx.setState({alerts: fetchedAlerts.alerts});
      })
    );
  }

此测试通过：

  it('should delete one alert from the store when DeleteAlerts is dispatched', () => {
    spyOn(alertService, 'getAlerts').and.returnValue(of(alertsMock));
    store.dispatch(new GetAlerts());
    spyOn(alertService, 'deleteAlerts').and.returnValue(of(new HttpResponse({status: 200})));
    store.dispatch(new DeleteAlerts(['test2']));
    store.selectOnce(AlertState).subscribe(data => {
      expect(data.alerts).toEqual(alertsMock.alerts.filter(alert => !alert.alertIds.includes('test2')));
    });
  });
});

此测试没有：

  it('should delete one alert from the store when DeleteAlerts is dispatched', () => {
    store.reset({alerts: alertsMock.alerts});
    spyOn(alertService, 'deleteAlerts').and.returnValue(of(new HttpResponse({status: 200})));
    store.dispatch(new DeleteAlerts(['test2']));
    store.selectOnce(AlertState).subscribe(data => {
      expect(data).toEqual(alertsMock.alerts.filter(alert => !alert.alertIds.includes('test2')));
    });
  });

最重要的是，您可能已经注意到我的期望是在data上。 ，而不是data.Alerts在非功能测试中。这是我想理解的另一种行为，因为选择器应返回状态，该状态包含嵌套arters对象。

为什么两项测试不等效，为什么选择器使用store.reset填充商店的预期对象

？ 包含一个嵌套警报对象；这就是AlertService返回的数据的格式。

Answer 1

看起来您没有将商店快照扩展到测试重置中。该文档并没有明确说明这样做，但是当我以这种方式重置时，我自己的测试通过了。

describe('the test suite', () => {
  let store: Store;
  beforeEach(() => {
    store = TestBed.inject(Store);
    store.reset({ ...store.snapshot(),
      DESIRED_STATE
    })
  });
  
  it('must do the test', () => {
    store.reset({ ...store.snapshot(),
      NEW_DESIRED_STATE
    })
  });
});