TADD: AI를 활용한 새로운 TDD 방법론

const messageGroupsByDate = buildChatMessages(messages) messageGroupsByDate.map(messageGroupByDate => { return <> <DateDivider ... > {messageGroupByDate.messages.map(messageGroupBySender => { return <> <Profile ... /> {messageGroupBySender.messages.map(messageGroupByMinute => { // ... })} </> })} </> })

const chatMessages = buildChatMessages(messages) return chatMessages.map(message => { return <> {message.showDateDivider && <DateDivider ... />} {message.showSenderProfile ? <MessageWithProfile ... /> : <Message ... /> } {message.showTrailingTime && <MessageTrailigTime ... />} </> })

const buildChatMessages = (messages: Message[]): Message[] => { // 메시지를 날짜 별로 묶은 후 첫번째 메시지에 showDateDivider를 true로 마킹한다. // 메시지를 sender 별로 묶은 후 첫번째 메시지에 showSenderProfile을 true로 마킹한다. // 단, 자신의 메시지(isMine === true)는 showSenderProfile이 false이다. // 메시지를 분 단위로 묶은 후 마지막 메시지에 showTrailingTime을 true로 마킹한다. return pipe(messages, markShowDateDivider, markShowSenderProfile, markShowTrailingTime) }

import { pipe } from '@fxts/core'; interface Message { id: string; content: string; createdAt: string; sender: { id: string; name: string; }; isMine: boolean; showDateDivider?: boolean; showSenderProfile?: boolean; showTrailingTime?: boolean; } export const buildChatMessages = (messages: Message[]): Message[] => { // 메시지를 날짜 별로 묶은 후 첫번째 메시지에 showDateDivider를 true로 마킹한다. // 메시지를 sender 별로 묶은 후 첫번째 메시지에 showSenderProfile을 true로 마킹한다. // 단, 자신의 메시지(isMine === true)는 showSenderProfile이 false이다. // 메시지를 분 단위로 묶은 후 마지막 메시지에 showTrailingTime을 true로 마킹한다. return pipe(messages, markShowDateDivider, markShowSenderProfile, markShowTrailingTime); }; const markShowDateDivider = (messages: Message[]): Message[] => {}; const markShowSenderProfile = (messages: Message[]): Message[][] => {}; const markShowTrailingTime = (messages: Message[][]): Message[] => {};

describe('markShowDateDivider', () => { it('이전 메시지의 날짜와 현재 메시지의 날짜를 비교해, 날짜가 바뀌었으면 현재 메시지의 showDateDivider는 true이다.', () => {}) }) describe('markShowSenderProfile', () => { it('message를 연속된 같은 sender의 메시지끼리 묶는다.', () => {}) it('sender별로 묶인 메시지 배열의 첫번째 메시지의 showSenderProfile은 true이다.', () => {}) it('자신의 메시지인 경우(isMine이 true인 경우), showSenderProfile은 false이다.', () => {}) }) describe('markShowTrailingTime', () => { it('sender 별로 묶인 메시지 배열에서 같은 분(minute) 안에 포함된 메시지 중 마지막 메시지만 showTrailingTime이 true이다.') })

it('마지막 메시지는 항상 showTrailingTime이 true여야 함', () => { const messages = [ createMessage('1', 'Hello', '2023-01-01T10:00:00Z', 'user1', 'User 1', false), createMessage('2', 'How are you?', '2023-01-01T10:00:30Z', 'user1', 'User 1', false), ]; const result = buildChatMessages(messages); expect(result[0].showTrailingTime).toBe(false); expect(result[1].showTrailingTime).toBe(true); });