Add [확인필요] adminFront 및 devFront 로그인 후, 메인화면 - 언어변환 클릭 시 버그.md

2026-06-19 13:58:09 +09:00
parent 298799f8b7
commit ff8dabad05
1 changed files with 138 additions and 0 deletions
--- a/버그.md
+++ b/버그.md
@@ -0,0 +1,138 @@
+# Playwright MCP 개발자 포털 SSO/메뉴/언어 전환 테스트 - 2026-06-19
+
+## 테스트 정보
+
+- 대상 URL: `http://localhost:5174`
+- 테스트 도구: Playwright MCP
+- 테스트 일자: 2026-06-19
+- 브라우저 상태: 최초 접속 시 이미 인증된 개발자 콘솔 세션으로 진입됨. 로그인 폼은 명시적으로 로그아웃한 뒤 확인함.
+
+## 요약
+
+- 로그인 폼: 통과. 로그아웃 후 `/login`에서 한국어 로그인 폼과 `SSO 계정으로 로그인` 버튼이 표시됨.
+- SSO 진입: 부분 통과. SSO 버튼 클릭 시 `http://localhost:5000/ko/login` 이후 consent 흐름으로 이동함. 실제 최종 재진입은 수동 계정 입력 없이 진행하지 않음.
+- 좌측 사이드바 기본 상태: 통과. 인증된 콘솔 진입 시 사이드바가 열려 있었음.
+- 좌측 사이드바 메뉴 이동: 부분 통과. 개요, 감사 로그, 개발자 권한 신청 화면은 표시됨. 연동 앱 화면은 진입 후 로딩 상태에 머무름.
+- 헤더 버튼: 통과/부분 통과. 테마 전환과 계정 메뉴는 동작함. 언어 선택은 좌측 메뉴와 헤더에는 반영되지만 우측 본문에는 완전히 반영되지 않음.
+- 주요 문제: 영어 전환 시 좌측 메뉴와 헤더/계정 메뉴는 영어로 바뀌지만, `개발자 권한 신청` 우측 본문 영역은 한국어로 남음.
+- API 문제: 개발자 API 호출이 반복적으로 `401 Unauthorized`를 반환함. 대상 API는 `/api/v1/dev/stats`, `/api/v1/dev/clients`, `/api/v1/dev/rp-usage/daily`임.
+
+## 절차별 결과
+
+| 절차 | 결과 |
+| --- | --- |
+| `http://localhost:5174` 접속 | 로그인 페이지가 아니라 인증된 콘솔 화면이 표시됨. 좌측 사이드바는 열려 있었음. |
+| 로그인 폼 확인 | `Logout` 클릭 후 확인 다이얼로그를 승인하자 `/login`으로 이동했고, 한국어 로그인 폼이 표시됨. 로그인 폼에는 언어 선택 버튼이 보이지 않음. |
+| SSO 로그인 진입 | `SSO 계정으로 로그인` 클릭 시 `localhost:5000`의 Baron SW 포탈 OIDC 흐름으로 이동함. |
+| 사이드바: 개요 | 개발자 권한 필요 안내 화면이 표시됨. |
+| 사이드바: 연동 앱 | `/clients`로 이동했으나, 대기 후에도 `앱 정보를 불러오는 중...` 상태가 유지됨. |
+| 사이드바: 감사 로그 | `/audit-logs`로 이동했고, 개발자 권한 필요 안내 화면이 표시됨. |
+| 사이드바: 개발자 권한 신청 | `/developer-requests`로 이동했고, 신청 내역 목록과 `신규 신청하기` 버튼이 표시됨. |
+| 사이드바 접기/열기 | `Collapse sidebar`, `Expand sidebar` 버튼 모두 동작함. |
+| 헤더 테마 전환 | 버튼 문구가 `Light`에서 `Dark`로 바뀌고 화면 테마도 변경됨. |
+| 헤더 계정 메뉴 | 계정 정보, 세션 만료 스위치, 내 정보, 로그아웃 메뉴가 표시됨. |
+| 언어: 한국어 | 한국어 선택 시 좌측 메뉴와 본문은 한국어로 표시됨. 단, `Logout`, `Dev Plane`, `Manage your applications`, `Dark`, 사용자명 영역은 영어로 남음. |
+| 언어: 영어 | 좌측 메뉴/헤더/계정 메뉴는 영어로 바뀌지만, `Developer Access Request`의 우측 본문 영역은 한국어로 남음. |
+
+## 주요 발견 사항
+
+### 1. 영어 전환 시 우측 본문 영역이 번역되지 않음
+
+영어 선택 후 변경된 영역:
+
+- 좌측 메뉴: `개요` -> `Overview`, `연동 앱` -> `Connected Application`, `감사 로그` -> `Audit Logs`, `개발자 권한 신청` -> `Developer Access Request`
+- 헤더: `언어` -> `Language`, `테마 전환` -> `Theme Toggle`, `계정 메뉴 열기` -> `Open account menu`
+- 계정 메뉴: `계정` -> `Account`, `내 정보` -> `My Profile`, 세션 관련 문구 영어 전환
+
+영어 선택 후에도 변경되지 않은 우측 본문:
+
+- `개발자 권한 신청`
+- `내 신청 내역을 확인하고 새로운 권한을 신청할 수 있습니다.`
+- `신규 신청하기`
+- `신청 내역`
+- `총 0명의 사용자가 승인되었습니다.`
+- 테이블 헤더와 빈 상태 문구도 한국어 유지
+
+증거:
+
+- 스크린샷: [language-en-2026-06-19.png](./language-en-2026-06-19.png)
+- 스냅샷: [language-en-2026-06-19.yml](./language-en-2026-06-19.yml)
+- 한국어 비교 스크린샷: [language-ko-2026-06-19.png](./language-ko-2026-06-19.png)
+- 한국어 비교 스냅샷: [language-ko-2026-06-19.yml](./language-ko-2026-06-19.yml)
+
+### 2. 연동 앱 화면이 로딩 상태에 머무름
+
+`/clients` 경로로 이동은 되지만, 본문이 `앱 정보를 불러오는 중...` 상태로 계속 유지됨. 콘솔과 네트워크 로그에서는 `/api/v1/dev/clients` 요청이 `401 Unauthorized`를 반환한 것으로 확인됨.
+
+증거:
+
+- 스크린샷: [clients-2026-06-19.png](./clients-2026-06-19.png)
+- 스냅샷: [clients-2026-06-19.yml](./clients-2026-06-19.yml)
+- 콘솔 로그: [console-2026-06-19.log](./console-2026-06-19.log)
+- 네트워크 로그: [network-2026-06-19.log](./network-2026-06-19.log)
+
+### 3. 개발자 API가 401을 반복 반환함
+
+콘솔/네트워크 로그에서 다음 API가 반복적으로 인증 실패를 반환함.
+
+```text
+GET /api/v1/dev/stats => 401 Unauthorized
+GET /api/v1/dev/clients => 401 Unauthorized
+GET /api/v1/dev/rp-usage/daily?days=14&period=day => 401 Unauthorized
+```
+
+콘솔에는 다음 경고도 함께 기록됨.
+
+```text
+[apiClient] Auth failure detected, but local redirects are disabled.
+```
+
+증거:
+
+- SSO 재시도 전 콘솔 로그: [console-2026-06-19.log](./console-2026-06-19.log)
+- SSO 재시도 전 네트워크 로그: [network-2026-06-19.log](./network-2026-06-19.log)
+- SSO 흐름 포함 최종 콘솔 로그: [console-final-2026-06-19.log](./console-final-2026-06-19.log)
+- SSO 흐름 포함 최종 네트워크 로그: [network-final-2026-06-19.log](./network-final-2026-06-19.log)
+
+## 증거 파일
+
+### 스크린샷
+
+- 최초 인증된 콘솔 화면: [dashboard-initial-2026-06-19.png](./dashboard-initial-2026-06-19.png)
+- 로그아웃 후 로그인 화면: [login-after-logout-2026-06-19.png](./login-after-logout-2026-06-19.png)
+- SSO 흐름 화면: [sso-login-page-2026-06-19.png](./sso-login-page-2026-06-19.png)
+- 연동 앱 화면: [clients-2026-06-19.png](./clients-2026-06-19.png)
+- 감사 로그 화면: [audit-logs-2026-06-19.png](./audit-logs-2026-06-19.png)
+- 개발자 권한 신청 화면: [developer-requests-2026-06-19.png](./developer-requests-2026-06-19.png)
+- 테마 전환 후 화면: [theme-toggled-2026-06-19.png](./theme-toggled-2026-06-19.png)
+- 계정 메뉴 화면: [account-menu-2026-06-19.png](./account-menu-2026-06-19.png)
+- 한국어 선택 상태: [language-ko-2026-06-19.png](./language-ko-2026-06-19.png)
+- 영어 선택 상태: [language-en-2026-06-19.png](./language-en-2026-06-19.png)
+- 사이드바 접힘 상태: [sidebar-collapsed-2026-06-19.png](./sidebar-collapsed-2026-06-19.png)
+
+### 스냅샷
+
+- 최초 로그인/인증 상태: [login-initial-2026-06-19.yml](./login-initial-2026-06-19.yml)
+- 로그아웃 후 로그인 화면: [login-after-logout-2026-06-19.yml](./login-after-logout-2026-06-19.yml)
+- SSO 흐름 화면: [sso-login-page-2026-06-19.yml](./sso-login-page-2026-06-19.yml)
+- 연동 앱 화면: [clients-2026-06-19.yml](./clients-2026-06-19.yml)
+- 감사 로그 화면: [audit-logs-2026-06-19.yml](./audit-logs-2026-06-19.yml)
+- 개발자 권한 신청 화면: [developer-requests-2026-06-19.yml](./developer-requests-2026-06-19.yml)
+- 테마 전환 후 화면: [theme-toggled-2026-06-19.yml](./theme-toggled-2026-06-19.yml)
+- 계정 메뉴 화면: [account-menu-2026-06-19.yml](./account-menu-2026-06-19.yml)
+- 한국어 선택 상태: [language-ko-2026-06-19.yml](./language-ko-2026-06-19.yml)
+- 영어 선택 상태: [language-en-2026-06-19.yml](./language-en-2026-06-19.yml)
+- 사이드바 접힘 상태: [sidebar-collapsed-2026-06-19.yml](./sidebar-collapsed-2026-06-19.yml)
+
+### 로그
+
+- SSO 재시도 전 콘솔 로그: [console-2026-06-19.log](./console-2026-06-19.log)
+- SSO 재시도 전 네트워크 로그: [network-2026-06-19.log](./network-2026-06-19.log)
+- SSO 재시도 후 최종 콘솔 로그: [console-final-2026-06-19.log](./console-final-2026-06-19.log)
+- SSO 재시도 후 최종 네트워크 로그: [network-final-2026-06-19.log](./network-final-2026-06-19.log)
+
+## 비고
+
+- SSO 흐름은 `localhost:5000/ko/consent`까지 도달했고, 네트워크상 사용자/consent 관련 API는 200 응답을 반환함.
+- SSO 화면은 Flutter/canvas 기반으로 보여 접근성 스냅샷에는 `Enable accessibility` 버튼 외의 상세 콘텐츠가 거의 노출되지 않음.
+- 최초 접속 시 이미 인증된 상태였기 때문에, 로그인 폼은 로그아웃을 수행한 뒤 별도로 확인함.