Модульное тестирование Угловой компонент + магазин ngrx

Question

Пытаюсь проверить мой угловой компонент.

У меня есть корневое состояние и состояние модуля, оно выглядит следующим образом:

state {
  auth: {
  // user data
  },
  messagesModule:{
   // here's module state
    messages:[...]
  }
}

Состояние исходных сообщений - пустой объект.

компонент:

export class MessagesComponent {
  public messages$: Observable<number>;

  constructor(private store: Store<any>) {
   this.messagesLengh$ = store.pipe(select('getMessagesLengh'));
  }
...

селектор

export const msgLength = (state: AppState) => state.messages.lenght;

test

describe('MessagesComponent', () => {
  let component: MessagesComponent;
  let fixture: ComponentFixture<MessagesComponent>
  let store: Store<fromFeature.State>

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [
        StoreModule.forRoot({
          ...fromRoot.reducers,
          messagesModule: combineReducers(fromFeature.reducers),
        }),
    // other imports
      ],
      ...
    });

    store = TestBed.get(Store);

    spyOn(store, 'dispatch').and.callThrough();

    fixture = TestBed.createComponent(MessagesComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should be created', () => {
    expect(component).toBeTruthy();
  });

Так вот в чем проблема: тест не пройден, потому что "не удалось найти сообщения неопределенных".Я утешил логи моего тестового компонента, там есть магазин.Любые идеи, пожалуйста.

Answer 1

Чтобы протестировать компонент, который внедряет Store, я следовал этим официальным документам.

Выполнение следующих операций и удаление строки combReducers работало для меня.

   StoreModule.forRoot({
          ...fromRoot.reducers,
        }),