ci: #57 UI proof 워크플로 및 UITest 안정화

[zaehorang]

About this PR

🔖 Related Issue

• close refactor: #55 메모 입력 상태 경계 정리 (실시간 입력 반영) #57
• depends on refactor: #55 메모 입력 상태 경계 정리 (실시간 입력 반영) #58

📚 Contents

이번 PR은 feature/55-emoji-context-comments-review-ready 위에서 UI proof 자동화 및 UITest 안정화 코드를 검증하기 위한 stacked PR입니다.

• base: feature/55-emoji-context-comments-review-ready
• head: feature/57-ui-test-visual-proof-on-55-clean

주요 포함 범위:

• .github/workflows/emoji-ui-proof.yml
• UITest 런타임 분리/접근성/지원 코드
• Hangul proof 테스트 키보드 가시성 안정화 (ensureKeyboardVisible) 및 디버그 첨부 강화

📸 Screenshot

• CI visual proof 산출물은 PR 코멘트의 inline GIF 및 Actions artifact에서 확인합니다.

Other information 🔥

• 목적: 55 로직 위에서 UI proof CI/영상 검증 파이프라인을 독립 검증

• 병합 순서: #58 병합 후 본 PR 병합

• 권한 전제: pull_request 이벤트 + fork publish guard 유지 + 내부 신뢰 기여자 중심 협업

---

이 PR은 기존 #59를 clean 브랜치 기준으로 대체합니다.

[github-actions]

Emoji UI Visual Proof

• Status: ✅ PASSED
• Simulator: iPhone 16 Pro
• Test scope: all
• Selected test target: COMFIEUITests
• Default scope: all
• Focused trigger: add PR label ui-proof:focused or run workflow_dispatch(test_scope=focused)
• Screenshot attachments exported: 148
• Generated GIF files: 7
• Published GIF files: 7
• Animated GIF artifact: Included (emoji-ui-proof.gif + grouped GIFs)
• Inline GIF URL: https://raw.githubusercontent.com/HorangITBeanS/COMFIE-iOS/ui-proof-media/emoji-ui-proof/pr-60/run-22707576631-1/all/hangul-emoji.gif
• Workflow run: https://github.com/HorangITBeanS/COMFIE-iOS/actions/runs/22707576631
• Artifacts: https://github.com/HorangITBeanS/COMFIE-iOS/actions/runs/22707576631/artifacts/5775156992

Preview Number Mapping (All)

• 1. emoji-proof → testEmojiInputConvertsPerCharacterRealtimeAndAttachesVisualProof
• 2. hangul-emoji → testHangulJamoTypingShowsStepByStepProgress
• 3. memo-cancel-flow (삭제 확인 팝업에서 취소) → testMemoEditingCancelInteractionFlow
• 4. memo-compose (단일/멀티라인/커서 이동 작성 패턴) → testMemoComposeFlowCoversMultipleWritingPatterns
• 5. memo-edit-delete (수정 문구 단계 입력 + 저장/삭제) → testMemoEditUpdateAndDeleteLifecycle
• 6. memo-send-typing → testMemoInputSendCreatesNewMemoCell
• 7. memo-send (6번 타이핑 이후 전송 완료) → testMemoInputSendCreatesNewMemoCell

Inline GIF Previews (All)

번호는 테스트 실행 순서가 아니라, 게시된 GIF 미리보기 정렬 순서입니다.

1. 영문 실시간 변환 검증

• XCTest: testEmojiInputConvertsPerCharacterRealtimeAndAttachesVisualProof
• 문자 단위로 원문/이모지 변환이 실시간 반영되는지 검증합니다.
  

2. 한글 자모 단계 입력 검증

• XCTest: testHangulJamoTypingShowsStepByStepProgress
• 받침/공백 포함 문장의 단계별 입력과 변환 진행을 검증합니다.
  

3. 삭제 팝업 취소 플로우

• XCTest: testMemoEditingCancelInteractionFlow
• 삭제 확인 팝업에서 취소를 눌렀을 때 메모와 입력 UI가 유지되는지 검증합니다.
  

4. 메모 작성 패턴 플로우

• XCTest: testMemoComposeFlowCoversMultipleWritingPatterns
• 단일라인/멀티라인/커서 이동+추가입력을 키보드 단계 입력 증적으로 검증합니다.
  

5. 메모 수정/삭제 플로우

• XCTest: testMemoEditUpdateAndDeleteLifecycle
• 수정 문구 단계 입력 후 저장/삭제 동작이 정상 동작하는지 검증합니다.
  

6. 메모 타이핑 증적

• XCTest: testMemoInputSendCreatesNewMemoCell
• 전송 전 키보드 타이핑 단계의 시각 증적을 검증합니다.
  

7. 메모 전송 플로우

• XCTest: testMemoInputSendCreatesNewMemoCell
• 6번 타이핑 증적 이후 전송 완료 결과를 검증합니다.
  

GIF Gallery

• 1. 영문 실시간 변환 검증
• 2. 한글 자모 단계 입력 검증
• 3. 삭제 팝업 취소 플로우
• 4. 메모 작성 패턴 플로우
• 5. 메모 수정/삭제 플로우
• 6. 메모 타이핑 증적
• 7. 메모 전송 플로우