TL;DR : 테스트코드에서 한번 정의된 useSelecter는 여러번 사용가능하다.
나는 아래처럼 useSelector를 사용하면 render되는 컴포넌트에 사용되는 여러개의 useSelector에 순서대로 적용될거라 착가했다.
useSelector.mockImplementation((selector) => selector({
regions: REGIONS,
selectedRegion: SEOUL,
}));
useSelector.mockImplementation((selector) => selector({
categories: CATEGORIES,
selectedCategory: KOREAN_FOOD,
}));
useSelector.mockImplementation((selector) => selector({
restaurants: [
{ id: 1, name: '마법사주방' },
],
}));
하지만 그것은 나의 착각
아래처럼 사용하는게 정답니다.
useSelector.mockImplementation((selector) => selector({
regions: REGIONS,
selectedRegion: SEOUL,
categories: CATEGORIES,
selectedCategory: KOREAN_FOOD,
restaurants: [
{ id: 1, name: '마법사주방' },
],
}));