Диспетчер Ngrx не принимает строку в качестве аргументов - PullRequest
Новая
       10

Диспетчер Ngrx не принимает строку в качестве аргументов

1 голос
/ 10 октября 2019

Я сдаю тест, в котором я должен написать код a таким образом, чтобы пройти весь блок модульного теста.

Случай 1: 

  it('should dispatch action when dispatchAction is called', async() => {
    // you need to spy on store's 'dispatch' method
    store = TestBed.get(Store);
    spyOn(store, 'dispatch').and.callThrough();

    // if you call function dispatchAction with 'movies' paramter. expect store to dispatch action='movies'
    component.dispatchAction('movies');
    fixture.detectChanges();

    expect(store.dispatch).toHaveBeenCalledWith('movies');
  });

Мой код: 

  dispatchAction($event: string) {
    this.store.dispatch({type: 'movie'});
  }

Но спецификации не удается, выбрасывая следующую ошибку 

Expected spy dispatch to have been called with [ 'movies' ] but actual calls were [ Object({ type: 'movies' }) ].

Редуктор, 

export function news (state = initialState, action: Action) {
    switch (action.type) {
        case LOAD_SECTION_NEWS: {
            return {
                newsList: mockNewsList,
                filter: action.type
            };
        }
        case FILTER_SUBSECTION: {
            return {
                newsList: mockNewsList,
                filter: action.payload
            };
        }
        default:
            return state;
    }
}

export const getNewsList = (state: any) => {
    return state;
};

export const getFilter = (state: any) => {
    return state;
};

Действие 

export class NewsActions {
    static LOAD_SECTION_NEWS = '[News] LOAD_SECTION_NEWS';
    static FILTER_SUBSECTION = '[News] FILTER_SUBSECTION';

    LoadSectionNews(list: News[]): Action {
        return {
            type: '',
            payload: ''
        };
    }
    FilterSubsection(subsection: string) {
        return {
            type: '',
            payload: ''
        };
    }
}

Как мне изменить редуктор так, чтобы пройти тестовый блок? Пожалуйста помоги.

1 Ответ

1 голос
/ 11 октября 2019

Ошибка составляет около .toHaveBeenCalledWith('movies'); из вашего теста. Ожидание - это слово movies, которое использовалось в качестве аргумента, и это неверно.

Когда вы вызываете this.store.dispatch({type: 'movies'}); в вашем контроллере, он передает объект {type: 'movies'} в качестве аргумента.

, так как ваш тест ожидает только слово movie, он не проходит

измените ваше ожидание на 

expect(store.dispatch).toHaveBeenCalledWith({type: 'movies'});

, которое исправит ваш тест

Удачи сваше обучение

...