게시글 작성 api에서 사진을 없는 경우 empty file을 보내는 방식 수정 및 수정 관련 버그 수정

frontend/__test__/deleteOverlappingNewLine.test.ts

@@ -0,0 +1,39 @@
+import { deleteOverlappingNewLine } from '@utils/post/deleteOverlappingNewLine';
+
+describe('연속된 개행은 하나의 개행으로 처리하는 유틸함수를 테스트한다.', () => {
+ test('개행이 없는 문자열은 인자와 동일한 결과를 반환한다.', () => {
+ const text =
+ '안녕하세요. 이것은 유틸함수를 테스트하기 위한 문자열입니다. 동일한 결과물이 나와야 옳은 작동을 하는 유틸함수 입니다.';
+ const changedText = deleteOverlappingNewLine(text);
+
+ expect(changedText).toBe(text);
+ });
+
+ test('연속된 개행이 없는 문자열은 인자와 동일한 결과를 반환한다.', () => {
+ const text =
+ '안녕하세요. 이것은 유틸함수를 테스트하기 위한 문자열입니다.\n동일한 결과물이 나와야 옳은 작동을 하는 유틸함수 입니다.';
+ const changedText = deleteOverlappingNewLine(text);
+
+ expect(changedText).toBe(text);
+ });
+
+ test('2회 연속된 개행이 있는 문자열은 인자와 연속된 개행이 1회 개행으로 바뀐 결과를 반환한다.', () => {
+ const text =
+ '안녕하세요. 이것은 유틸함수를 테스트하기 위한 문자열입니다.\n\n동일한 결과물이 나와야 옳은 작동을 하는 유틸함수 입니다.';
+ const expectText =
+ '안녕하세요. 이것은 유틸함수를 테스트하기 위한 문자열입니다.\n동일한 결과물이 나와야 옳은 작동을 하는 유틸함수 입니다.';
+ const changedText = deleteOverlappingNewLine(text);
+
+ expect(changedText).toBe(expectText);
+ });
+
+ test('3회 연속된 개행이 있는 문자열은 인자와 연속된 개행이 1회 개행으로 바뀐 결과를 반환한다.', () => {
+ const text =
+ '안녕하세요. 이것은 유틸함수를 테스트하기 위한 문자열입니다.\n\n\n동일한 결과물이 나와야 옳은 작동을 하는 유틸함수 입니다.';
+ const expectText =
+ '안녕하세요. 이것은 유틸함수를 테스트하기 위한 문자열입니다.\n동일한 결과물이 나와야 옳은 작동을 하는 유틸함수 입니다.';
+ const changedText = deleteOverlappingNewLine(text);
+
+ expect(changedText).toBe(expectText);
+ });
+});

frontend/__test__/getSelectedTimeOption.test.ts

@@ -1,64 +1,64 @@
 import { getSelectedTimeOption } from '@utils/post/getSelectedTimeOption';
 
-describe('getSelectedTimeOption 함수에서 day, hour, minute 객체를 입력받아 "10분" | "30분" | "1시간" | "6시간" | "1일" | "사용자 지정" | null 을 반환한다.', () => {
- test('10분 객체를 입력했을 때 10분을 반환한다.', () => {
+describe('getSelectedTimeOption 함수에서 day, hour, minute 객체를 입력받아 "1일" | "3일" | "5일" | "7일" | "14일" | "사용자 지정" | null 을 반환한다.', () => {
+ test('1일 객체를 입력했을 때 1일을 반환한다.', () => {
  const time = {
- day: 0,
+ day: 1,
  hour: 0,
- minute: 10,
+ minute: 0,
  };
 
  const result = getSelectedTimeOption(time);
 
- expect(result).toBe('10분');
+ expect(result).toBe('1일');
  });
 
- test('30분 객체를 입력했을 때 30분을 반환한다.', () => {
+ test('3일 객체를 입력했을 때 3일을 반환한다.', () => {
  const time = {
- day: 0,
+ day: 3,
  hour: 0,
- minute: 30,
+ minute: 0,
  };
 
  const result = getSelectedTimeOption(time);
 
- expect(result).toBe('30분');
+ expect(result).toBe('3일');
  });
 
- test('1시간 객체를 입력했을 때 1시간을 반환한다.', () => {
+ test('5일 객체를 입력했을 때 5일을 반환한다.', () => {
  const time = {
- day: 0,
- hour: 1,
+ day: 5,
+ hour: 0,
  minute: 0,
  };
 
  const result = getSelectedTimeOption(time);
 
- expect(result).toBe('1시간');
+ expect(result).toBe('5일');
  });
 
- test('6시간 객체를 입력했을 때 6시간을 반환한다.', () => {
+ test('7일 객체를 입력했을 때 7일을 반환한다.', () => {
  const time = {
- day: 0,
- hour: 6,
+ day: 7,
+ hour: 0,
  minute: 0,
  };
 
  const result = getSelectedTimeOption(time);
 
- expect(result).toBe('6시간');
+ expect(result).toBe('7일');
  });
 
- test('1일 객체를 입력했을 때 1일을 반환한다.', () => {
+ test('14일 객체를 입력했을 때 14일을 반환한다.', () => {
  const time = {
- day: 1,
+ day: 14,
  hour: 0,
  minute: 0,
  };
 
  const result = getSelectedTimeOption(time);
 
- expect(result).toBe('1일');
+ expect(result).toBe('14일');
  });
 
  test('2일 객체를 입력했을 때 사용자지정을 반환한다.', () => {

frontend/__test__/utilTimeTest.test.ts

@@ -0,0 +1,61 @@
+import { convertTimeToWord } from '@utils/time';
+
+describe('게시글 작성시간을 숫자 문자열로 받아 현재 시간과 비교해 반올림한 차이를 한글로 반환하는 유틸함수를 테스트한다.', () => {
+ test('2023-01-01 12:00에 작성한 글은 2023-01-01 12:05을 기준으로 "5분"이 반환된다.', () => {
+ const nowDate = new Date('2023-01-01 12:05');
+ const result = convertTimeToWord('2023-01-01 12:00', nowDate);
+
+ expect(result).toBe('5분 전 작성');
+ });
+
+ test('2023-01-01 12:00에 작성한 글은 2023-01-01 20:10을 기준으로 "8시간"이 반환된다.', () => {
+ const nowDate = new Date('2023-01-01 20:10');
+ const result = convertTimeToWord('2023-01-01 12:00', nowDate);
+
+ expect(result).toBe('8시간 전 작성');
+ });
+
+ test('2023-01-01 12:00에 작성한 글은 2023-01-02 13:00을 기준으로 "1일"이 반환된다.', () => {
+ const nowDate = new Date('2023-01-02 13:00');
+ const result = convertTimeToWord('2023-01-01 12:00', nowDate);
+
+ expect(result).toBe('1일 전 작성');
+ });
+
+ test('2023-01-01 12:00에 작성한 글은 2023-01-12 13:00을 기준으로 "11일"이 반환된다.', () => {
+ const nowDate = new Date('2023-01-12 13:00');
+ const result = convertTimeToWord('2023-01-01 12:00', nowDate);
+
+ expect(result).toBe('11일 전 작성');
+ });
+
+ test('작성된지 30일 이상이라면 작성 날짜를 반환한다.', () => {
+ const nowDate = new Date('2023-02-01 13:00');
+ const result = convertTimeToWord('2023-01-01 12:00', nowDate);
+
+ expect(result).toBe('2023-01-01');
+ });
+});
+
+describe('게시글 마감시간을 숫자 문자열로 받아 현재 시간과 비교해 반올림한 차이를 한글로 반환하는 유틸함수를 테스트한다.', () => {
+ test('2023-01-01 12:00 기준으로 2023-01-01 12:10가 마감인 경우 "10분 후 마감"이 반환된다.', () => {
+ const nowDate = new Date('2023-01-01 12:00');
+ const result = convertTimeToWord('2023-01-01 12:10', nowDate);
+
+ expect(result).toBe('10분 후 마감');
+ });
+
+ test('2023-01-01 12:00 기준으로 2023-01-01 18:00가 마감인 경우 "6시간 후 마감"이 반환된다.', () => {
+ const nowDate = new Date('2023-01-01 12:00');
+ const result = convertTimeToWord('2023-01-01 18:00', nowDate);
+
+ expect(result).toBe('6시간 후 마감');
+ });
+
+ test('2023-01-01 12:00 기준으로 2023-01-03 12:00가 마감인 경우 "2일 후 마감"이 반환된다.', () => {
+ const nowDate = new Date('2023-01-01 12:00');
+ const result = convertTimeToWord('2023-01-03 12:00', nowDate);
+
+ expect(result).toBe('2일 후 마감');
+ });
+});

frontend/src/components/PostForm/constants.ts

@@ -1,5 +1,53 @@
-export type DeadlineOption = '10분' | '30분' | '1시간' | '6시간' | '1일';
+import { Time } from '@type/post';
 
-export const DEADLINE_OPTION: DeadlineOption[] = ['10분', '30분', '1시간', '6시간', '1일'];
+export type DeadlineOptionName = '1일' | '3일' | '5일' | '7일' | '14일';
+
+export interface DeadlineOptionInfo {
+ name: DeadlineOptionName;
+ time: Time;
+}
+
+export const DEADLINE_OPTION: DeadlineOptionInfo[] = [
+ {
+ name: '1일',
+ time: {
+ day: 1,
+ hour: 0,
+ minute: 0,
+ },
+ },
+ {
+ name: '3일',
+ time: {
+ day: 3,
+ hour: 0,
+ minute: 0,
+ },
+ },
+ {
+ name: '5일',
+ time: {
+ day: 5,
+ hour: 0,
+ minute: 0,
+ },
+ },
+ {
+ name: '7일',
+ time: {
+ day: 7,
+ hour: 0,
+ minute: 0,
+ },
+ },
+ {
+ name: '14일',
+ time: {
+ day: 14,
+ hour: 0,
+ minute: 0,
+ },
+ },
+];
 
 export const MAX_FILE_SIZE = 1500000;