-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'develop' into fe/test/210-review-list-page-api-test
- Loading branch information
Showing
15 changed files
with
725 additions
and
818 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
export const DEV_ENVIRONMENT = { | ||
port: '3000', | ||
hostname: 'localhost', | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
import { useSuspenseQuery } from '@tanstack/react-query'; | ||
|
||
import { getDetailedReviewApi } from '@/apis/review'; | ||
import { REVIEW_QUERY_KEYS } from '@/constants'; | ||
import { DetailReviewData } from '@/types'; | ||
|
||
interface UseGetDetailedReviewProps { | ||
reviewId: number; | ||
memberId: number; | ||
groupAccessCode: string; | ||
} | ||
|
||
interface FetchDetailedReviewParams { | ||
reviewId: number; | ||
memberId: number; | ||
groupAccessCode: string; | ||
} | ||
|
||
const useGetDetailedReview = ({ reviewId, memberId, groupAccessCode }: UseGetDetailedReviewProps) => { | ||
const fetchDetailedReview = async ({ reviewId, memberId, groupAccessCode }: FetchDetailedReviewParams) => { | ||
const result = await getDetailedReviewApi({ reviewId, memberId, groupAccessCode }); | ||
return result; | ||
}; | ||
|
||
const result = useSuspenseQuery<DetailReviewData>({ | ||
queryKey: [REVIEW_QUERY_KEYS.detailedReview, reviewId, memberId], | ||
queryFn: () => fetchDetailedReview({ reviewId, memberId, groupAccessCode }), | ||
}); | ||
|
||
return result; | ||
}; | ||
|
||
export default useGetDetailedReview; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,26 @@ | ||
import { renderHook, waitFor } from '@testing-library/react'; | ||
|
||
import { DETAILED_PAGE_MOCK_API_SETTING_VALUES } from '@/mocks/mockData/detailedReviewMockData'; | ||
import QueryClientWrapper from '@/queryTestSetup/QueryClientWrapper'; | ||
|
||
import useGetDetailedReview from '.'; | ||
// 아래의 테스트는 로그인이 유효하다는 가정하에서 진행 | ||
|
||
describe('리뷰 상세페이지 데이터 요청 테스트', () => { | ||
const GROUND_ACCESS_CODE = '1234'; | ||
|
||
it('유효힌 id,memberId 사용해야 라뷰 상세 페이지 데이터를 불러온다.', async () => { | ||
const { reviewId, memberId } = DETAILED_PAGE_MOCK_API_SETTING_VALUES; | ||
|
||
const { result } = renderHook( | ||
() => useGetDetailedReview({ reviewId, memberId, groupAccessCode: GROUND_ACCESS_CODE }), | ||
{ wrapper: QueryClientWrapper }, | ||
); | ||
|
||
await waitFor(() => { | ||
expect(result.current.status).toBe('success'); | ||
}); | ||
|
||
expect(result.current.data).toBeDefined(); | ||
}); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
import { useLocation, useParams } from 'react-router'; | ||
|
||
interface UseSearchParamAndQueryProps { | ||
paramKey: string; | ||
queryStringKey?: string; | ||
} | ||
/** | ||
* url에서 원하는 param, queryString의 값을 가져온다. | ||
* @param paramKey: 가져오고 싶은 param의 key | ||
* @param queryStringKey: 가져오고 싶은 queryString의 key (옵셔널) | ||
*/ | ||
const useSearchParamAndQuery = ({ paramKey, queryStringKey }: UseSearchParamAndQueryProps) => { | ||
const location = useLocation(); | ||
const queryParams = new URLSearchParams(location.search); | ||
|
||
return { | ||
param: useParams()[`${paramKey}`], | ||
queryString: queryStringKey ? queryParams.get(queryStringKey) : null, | ||
}; | ||
}; | ||
|
||
export default useSearchParamAndQuery; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
30 changes: 9 additions & 21 deletions
30
frontend/src/pages/DetailedReviewPage/components/DetailedReviewPageContents/index.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; | ||
|
||
import { EssentialPropsWithChildren } from '@/types'; | ||
|
||
const queryClient = new QueryClient(); | ||
|
||
const QueryClientWrapper = ({ children }: EssentialPropsWithChildren) => ( | ||
<QueryClientProvider client={queryClient}>{children}</QueryClientProvider> | ||
); | ||
|
||
export default QueryClientWrapper; |
Oops, something went wrong.