❓[SUPPORT]: How to test selectors with injected state.

[mateuszobara]

Hi I am using NGXS state managment library in my App and I have selector like below and everything is working fine but when I am testing my app I have got error like below. PrintItemsState is lazy loaded and in *.spec.ts NGXS module is imported like NgxsModule.forRoot() . What I noticed problem is that im passing PrintItemsState as argument here:

@Selector([PrintItemsState])

@Injectable()
export class PrintItemsSelectors {

...

  @Selector([PrintItemsState, PrintItemsSelectors.statuses])
  static items(state: PrintItemsStateModel, statuses: PrintItemStatusEntity[]): PrintItemPresenter[] {
    return state.fabricPage.page.Elements.map((element) => PrintItemPresenter.fromData(element, statuses));
  }

  @Selector([PrintItemsState])
  static filter(state: PrintItemsStateModel): KeyValue<string, string>[] {
    const filters = state.fabricPage.page.Filter;
    const filterKeys = Object.keys(state.fabricPage.page.Filter);
    const activeFilters = [];
    filterKeys.forEach((key) => {
      if (filters[key]) {
        activeFilters.push({key: [key], value: filters[key]});
      }
    });
    return activeFilters;
  }


  @Selector([PrintItemsState, FabricsState])
  static summary(printItemsState: PrintItemsStateModel, fabricState: FabricsStateModel): PrintItemSummaryPresenter[] {
    return printItemsState.summaryPage.rows.map(
      (row) => PrintItemSummaryPresenter.fromData(
        row,
        printItemsState.summaryPage.selectedStatuses,
        printItemsState.statuses,
        fabricState.list)
    );
  }
 
  ....

//other selectors
}

what is weird if I move selectors inside state class as memoized selectors it is working fine but then i have mixed actions and selectors together in one file and I want to avoid this. Below is an example situation when tests are passing:

@Injectable()
export class PrintItemsState {
  constructor(private printItemsHttpService: PrintItemsHttpService,
              private downloadFileService: DownloadFilesService,
              private store: Store) {
  }

  @Selector()
  static statuses(state: PrintItemsStateModel): PrintItemStatusPresenter[] {
    return state.statuses.map((status) => PrintItemStatusPresenter.fromData(status));
  }

  @Selector()
  static statusesOptions(state: PrintItemsStateModel): SelectOption[] {
    return state.statuses.map((status) => {
      const item = PrintItemStatusPresenter.fromData(status);
      return {label: item.label, value: status.code};
    });
  }

...

// other selctors and actions

I will be graceful for any suggestions what I am dointg wrong.