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

Largopie · 2024-09-04T04:10:58Z

작업 내용

2024-09-04.11.27.37.mov

특이 사항

useTimeRangeDropdown util 함수 수정

export function addHoursToCurrentTime(currentTime: string, hours: number) {
  const [currentHours, currentMinutes] = currentTime.split(':').map(Number);

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

해당 함수가 시간, 분을 반환할 때 숫자로 반환하기 때문에 한자리 숫자일 때 앞에 ‘0’을 붙이도록 수정했습니다.

이에 대한 테스트 케이스도 추가했어용

리뷰 요구사항 (선택)

github-actions · 2024-09-04T04:11:49Z

Test Results

5 tests 5 ✅ 3s ⏱️
1 suites 0 💤
1 files 0 ❌

Results for commit 2fa977d.

♻️ This comment has been updated with latest results.

Yoonkyoungme

낙타 고생했습니다~!
가벼운 의견을 남겨두었는데, 확인 부탁드려요!

Yoonkyoungme · 2024-09-04T07:50:25Z

frontend/src/hooks/useTimeRangeDropdown/useTimeRangeDropdown.test.ts

+  it('시작 시간(startTime)을 선택하면, 끝 시간은 1시간 이후로 자동 설정된다.', () => {
+    const CHANGE_START_TIME = '18:00';
+    const CHANGE_END_TIME = '19:00';
+    const { result } = renderHook(() => useTimeRangeDropdown());
+
+    act(() => {
+      result.current.handleStartTimeChange(CHANGE_START_TIME);
+    });
+
+    expect(result.current.endTime.value).toBe(CHANGE_END_TIME);
+  });


테스트 굿👍👍
궁금해서 찾아봤는데, 구글 캘린더에서도 시작 시간을 선택하면 자동으로 끝 시간을 1시간(기본값, 조절 가능) 뒤로 설정해주고 있네요!

2024-09-04.4.49.48.mov

뭐야 낙타 구글가는거야?

Yoonkyoungme · 2024-09-04T07:53:59Z

frontend/src/hooks/useTimeRangeDropdown/useTimeRangeDropdown.utils.ts

[P3]

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

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

Yoonkyoungme · 2024-09-04T08:00:41Z

frontend/src/hooks/useTimeRangeDropdown/useTimeRangeDropdown.test.ts

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


[P3]

템플릿 리터럴을 사용해서 각 테스트 케이스의 입력값과 예상 결과를 설명에 포함하는건 어떨까요?

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

오호 이거 좋네요!

hwinkr

🐞 버그 잡느라 고생했어요! 낙타~ 🐪🐪🐪

hwinkr · 2024-09-05T00:03:29Z

frontend/src/hooks/useTimeRangeDropdown/useTimeRangeDropdown.utils.ts

@@ -52,5 +52,5 @@ export function isTimeSelectable(startTime: string, endTime: string) {
 export function addHoursToCurrentTime(currentTime: string, hours: number) {
  const [currentHours, currentMinutes] = currentTime.split(':').map(Number);

-  return currentHours + hours + ':' + currentMinutes;
+  return currentHours + hours + ':' + String(currentMinutes).padStart(2, '0');


[C]

+ ':'로 인해서, addHoursToCurrentTime 해당 함수의 반환값이 문자열이 될 것 같은데 + 연산자를 활용하는 것 보다 템플릿 리터럴과 $로 묶어서 반환하는 것은 어떨까요? 개인적인 취향이기도 하고 더 깔끔하다고 생각해서 코멘트로 달아봅니다~

Largopie · 2024-09-05T05:24:44Z

  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);
  });

잘못된 테스트 케이스 삭제조치 추가로 했고, 남겨주신 리뷰도 반영햇습니다요~

…테스트케이스 작성

- 한 자리수의 시간일 때의 테스트케이스 경우 추가

- 들어가는 값을 이용해서 테스트 케이스 설명 수정

Largopie added 🐈 프론트엔드 프론트엔드 관련 이슈에요 :) 🛠️ 픽스 버그를 해결했어요 :) labels Sep 4, 2024

Largopie added this to the 5차 데모데이 milestone Sep 4, 2024

Largopie self-assigned this Sep 4, 2024

Largopie requested review from hwinkr and Yoonkyoungme as code owners September 4, 2024 04:10

Yoonkyoungme approved these changes Sep 4, 2024

View reviewed changes

hwinkr approved these changes Sep 5, 2024

View reviewed changes

Largopie and others added 7 commits September 5, 2024 14:51

test(useTimeRangeDropdown): 시작 시간을 선택했을 때 endTime이 1시간 이후로 선택되는지에 대한 …

036edf4

…테스트케이스 작성

fix(useTimeRangeDropdown): '분'이 한자리 수일 때 앞에 0이 붙도록 수정

2d6e81a

test(useTimeRangeDropdown): 시작 시간 선택 시 끝 시간 자동 선택 테스트 케이스 추가

ccb9fda

- 한 자리수의 시간일 때의 테스트케이스 경우 추가

fix(useTimeRangeDropdown): '시간' 한 자리수 일 때, 앞에 '0'이 붙도록 수정

98d04e1

test(useTimeRangeDropdown): 잘못된 테스트케이스 제거

5242ee3

test(useTimeRangeDropdown): 테스트 케이스 설명 수정

973379a

- 들어가는 값을 이용해서 테스트 케이스 설명 수정

refactor(useTimeRangeDropdown): 유틸함수 반환 문자열 + 대신 백틱(``)으로 수정

2fa977d

Largopie force-pushed the fix/337-dropdown branch from 7fed76a to 2fa977d Compare September 5, 2024 05:51

Largopie merged commit 4e02d54 into develop Sep 5, 2024
5 checks passed

Largopie deleted the fix/337-dropdown branch September 5, 2024 05:53

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

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

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

Largopie commented Sep 4, 2024 •

edited

Loading

github-actions bot commented Sep 4, 2024 •

edited

Loading

Yoonkyoungme left a comment

Yoonkyoungme Sep 4, 2024

hwinkr Sep 5, 2024

Yoonkyoungme Sep 4, 2024 •

edited

Loading

Yoonkyoungme Sep 4, 2024 •

edited

Loading

Largopie Sep 5, 2024

hwinkr left a comment

hwinkr Sep 5, 2024

Largopie commented Sep 5, 2024 •

edited

Loading

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

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

Conversation

Largopie commented Sep 4, 2024 • edited Loading

관련 이슈

작업 내용

특이 사항

리뷰 요구사항 (선택)

github-actions bot commented Sep 4, 2024 • edited Loading

Test Results

Yoonkyoungme left a comment

Choose a reason for hiding this comment

Yoonkyoungme Sep 4, 2024

Choose a reason for hiding this comment

hwinkr Sep 5, 2024

Choose a reason for hiding this comment

Yoonkyoungme Sep 4, 2024 • edited Loading

Choose a reason for hiding this comment

Yoonkyoungme Sep 4, 2024 • edited Loading

Choose a reason for hiding this comment

Largopie Sep 5, 2024

Choose a reason for hiding this comment

hwinkr left a comment

Choose a reason for hiding this comment

hwinkr Sep 5, 2024

Choose a reason for hiding this comment

Largopie commented Sep 5, 2024 • edited Loading

Largopie commented Sep 4, 2024 •

edited

Loading

github-actions bot commented Sep 4, 2024 •

edited

Loading

Yoonkyoungme Sep 4, 2024 •

edited

Loading

Yoonkyoungme Sep 4, 2024 •

edited

Loading

Largopie commented Sep 5, 2024 •

edited

Loading