在单元测试中使用参数模拟ngrx存储选择器(Angular)

import { createSelector, Store } from '@ngrx/store';
import { AppState } from './app.state';

// 定义一个存储选择器
const getSelectedData = createSelector(
  (state: AppState) => state.data,
  (data) => data.filter(item => item.selected)
);

describe('App Component', () => {
  let store: Store<AppState>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [Store],
    });

    store = TestBed.inject(Store);
  });

  it('should select only the selected data', () => {
    const selectedData = [{ id: 1, selected: true }, { id: 2, selected: false }, { id: 3, selected: true }];

    // 使用参数模拟设置存储选择器的输入
    spyOn(store, 'select').and.returnValue(of(selectedData));

    // 调用存储选择器获取输出
    const result = getSelectedData(store);

    // 断言输出是否符合预期
    result.subscribe(data => {
      expect(data).toEqual([{ id: 1, selected: true }, { id: 3, selected: true }]);
    });
  });
});