Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FE] 시간 선택 Dropdown value 수정 #340

Merged
merged 7 commits into from
Sep 5, 2024
Merged

[FE] 시간 선택 Dropdown value 수정 #340

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
036edf4
test(useTimeRangeDropdown): 시작 시간을 선택했을 때 endTime이 1시간 이후로 선택되는지에 대한 …
Largopie Sep 4, 2024
2d6e81a
fix(useTimeRangeDropdown): '분'이 한자리 수일 때 앞에 0이 붙도록 수정
Largopie Sep 4, 2024
ccb9fda
test(useTimeRangeDropdown): 시작 시간 선택 시 끝 시간 자동 선택 테스트 케이스 추가
Largopie Sep 4, 2024
98d04e1
fix(useTimeRangeDropdown): '시간' 한 자리수 일 때, 앞에 '0'이 붙도록 수정
Largopie Sep 4, 2024
5242ee3
test(useTimeRangeDropdown): 잘못된 테스트케이스 제거
Largopie Sep 5, 2024
973379a
test(useTimeRangeDropdown): 테스트 케이스 설명 수정
Largopie Sep 5, 2024
2fa977d
refactor(useTimeRangeDropdown): 유틸함수 반환 문자열 + 대신 백틱(``)으로 수정
Largopie Sep 5, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 16 additions & 12 deletions frontend/src/hooks/useTimeRangeDropdown/useTimeRangeDropdown.test.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,18 +12,6 @@ describe('useTimeRangeDropdown', () => {
expect(result.current.endTime.value).toBe(INITIAL_END_TIME);
});

it('시작 시간(startTime)을 선택하면 끝 시간(endTime)은 시작 시간(startTime)의 1시간 이후로 설정된다.', () => {
const CHANGE_TIME = '01:00';
const CHANGE_TIME_AFTER_HOUR = '02:00';
const { result } = renderHook(() => useTimeRangeDropdown());

act(() => {
result.current.handleStartTimeChange(CHANGE_TIME);
});

expect(result.current.endTime.value).not.toBe(CHANGE_TIME_AFTER_HOUR);
});

it('선택한 끝 시간(endTime)이 시작 시간(startTime)보다 빠르다면 선택한 시간값으로 변경되지 않는다.', () => {
const CHANGE_START_TIME = '04:00';
const CHANGE_END_TIME = '01:00';
Expand Down Expand Up @@ -55,4 +43,20 @@ describe('useTimeRangeDropdown', () => {

expect(result.current.endTime.value).toBe(CHANGE_END_TIME);
});

it.each([
['18:00', '19:00'],
['06:00', '07:00'],
])(
'시작 시간(%s)을 선택하면, 끝 시간은 1시간 이후인 %s로 자동 설정된다.',
(startTime, endTime) => {
const { result } = renderHook(() => useTimeRangeDropdown());

act(() => {
result.current.handleStartTimeChange(startTime);
});

expect(result.current.endTime.value).toBe(endTime);
},
);
});
4 changes: 2 additions & 2 deletions frontend/src/hooks/useTimeRangeDropdown/useTimeRangeDropdown.utils.ts
View file
Open in desktop
Copy link
Contributor

@Yoonkyoungme Yoonkyoungme Sep 4, 2024 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[P3]

51번 라인 주석에 오타있습니다! (반화 → 반환)

// 현재 시간에서 1시간 더한 시간을 반화해주는 함수(@낙타)

Original file line number Diff line number Diff line change
Expand Up @@ -48,9 +48,9 @@ export function isTimeSelectable(startTime: string, endTime: string) {
return true;
}

// 현재 시간에서 1시간 더한 시간을 반화해주는 함수(@낙타)
// 현재 시간에서 1시간 더한 시간을 반환해주는 함수(@낙타)
export function addHoursToCurrentTime(currentTime: string, hours: number) {
const [currentHours, currentMinutes] = currentTime.split(':').map(Number);

return currentHours + hours + ':' + currentMinutes;
return `${String(currentHours + hours).padStart(2, '0')}:${String(currentMinutes).padStart(2, '0')}`;
}