test(web): 프론트엔드 E2E 테스트 커버리지 확대 (80% 목표)

[cocoyoon]

배경

현재 프론트 E2E 커버리지: 페이지 로딩 확인 위주 (5개 spec 파일, ~300줄).
핵심 사용자 플로우에 대한 테스트가 없어 기능 변경 시 수동 검증에 의존.

사전 작업

• Supabase에 email/password 테스트 계정 생성 (e2e-test@decoded.style)
• .env.local에 TEST_USER_EMAIL, TEST_USER_PASSWORD 설정
• Justfile에 e2e, e2e-only 타스크 추가
• 핵심 컴포넌트에 data-testid 속성 추가

점진적 확대 로드맵

Phase 1: 핵심 소비+생성 플로우 (~15개 테스트)

콘텐츠 소비 (content-consumption.spec.ts)

• Explore 페이지 로딩 + 그리드
• 검색, 정렬
• 포스트 상세 진입
• 스팟/솔루션 목록 표시
• 피드 무한스크롤

콘텐츠 생성 (content-creation.spec.ts)

• 업로드 페이지 + 이미지 선택
• 스팟 배치 (이미지 클릭)
• 솔루션 입력 폼
• 포스트 제출

참여 (engagement.spec.ts)

• 좋아요/저장 토글
• 솔루션 채택

Phase 2: 프로필, 에디토리얼, 매거진 (~25개)

Phase 3: Admin, 엣지 케이스, 에러 핸들링 (~40개)

Phase 4: 80% 커버리지 목표 (~60개+)

data-testid 추가 필요

search-input, sort-button, post-grid, post-grid-item
post-detail-image, spot-dot, solution-card, like-button, save-button
upload-dropzone, image-preview, spot-marker, solution-form, submit-button
feed-card, feed-grid

로컬 CI

just local-deps && just local-be   # 터미널 A
just local-fe                       # 터미널 B
just e2e                            # 터미널 C

관련

• refactor(web): 프론트엔드 직접 Supabase 호출을 백엔드 API 경유로 마이그레이션 #158 — Supabase 직접 호출 마이그레이션