Я пытаюсь проверить этот эпический https://github.com/zarcode/unsplashapp/blob/master/src/epics/photos.js. Проблема в том, что map
никогда не бывает, когда я запускаю тест (который, как я полагаю, означает, что Promise никогда не разрешает), поэтому действие photosSuccess
никогда не происходит:
export const loadPhotosToList = (action$: Observable<Action>, state$:
Object): Observable<Action> => {
const state = (photosFilter: PhotosFilter) => state$.value.photos[photosFilter];
return action$
// .ofType(ACTION.FETCH_PHOTOS_REQUESTED)
.pipe(
filter((a: Action) =>
a.type === ACTION.FETCH_PHOTOS_REQUESTED &&
((state(a.filter).loadingState === 'idle' && !state(a.filter).isLastPage) || a.refresh)),
switchMap((a) => {
const nextPage = !a.refresh ? state(a.filter).lastLoadedPage + 1 : 1;
const loadingAction = of(photosActions.photosLoading(a.filter, a.refresh));
const request = api.fetchPhotos({
page: nextPage,
per_page: perPage,
order_by: a.filter,
});
const requestAction = from(request)
.pipe(
// tap(data => { console.log("data", data); }),
map(data =>
photosActions.photosSuccess(
data,
a.filter,
nextPage,
data.length < perPage,
a.refresh,
)),
catchError(e => of(photosActions.photosFail(e.message, a.filter))),
);
// requestAction.subscribe(x => console.log("-------",x));
return loadingAction
.pipe(
concat(requestAction),
takeUntil(action$
.pipe(filter(futureAction => futureAction.type === ACTION.FETCH_PHOTOS_REQUESTED))),
);
}),
);
};
Однако, если я выполняю requestAction.subscribe
будет разрешено, и я получаю результат в журнале консоли.
Примечание: это происходит только тогда, когда я запускаю этот тест https://github.com/zarcode/unsplashapp/blob/master/src/epics/photos.test.js, код приложения работает нормально, данные извлекаются нормально.
Вопрос: как правильно написать этот тест?