devfront RP 설정 표 공통화 및 레이아웃 정리

devfront/src/lib/i18n.test.ts

@@ -6,6 +6,32 @@ afterEach(() => {
 });
 
 describe("i18n", () => {
+  it("returns Korean copy for dotted developer claim headers", () => {
+    window.localStorage.setItem("locale", "ko");
+
+    expect(
+      t("ui.dev.clients.general.id_token_claims.table.key", "Claim Key"),
+    ).toBe("클레임 키");
+    expect(
+      t(
+        "ui.dev.clients.general.id_token_claims.table.value_type",
+        "Value Type",
+      ),
+    ).toBe("값 유형");
+    expect(
+      t(
+        "msg.dev.clients.general.id_token_claims.hint",
+        "RP 전용 확장 claim을 구분해서 관리합니다. 사용자별 claim 값은 동의 및 Claims 탭에서 수정합니다.",
+      ),
+    ).toBe("사용자별 claim 값은 동의 및 Claims 탭에서 수정합니다.");
+    expect(
+      t(
+        "msg.dev.clients.general.id_token_claims.preview_hint",
+        "저장될 metadata.id_token_claims 구조를 미리 확인할 수 있습니다.",
+      ),
+    ).toBe("설정 저장 시 반영될 claim 구성을 미리 볼 수 있습니다.");
+  });
+
   it("returns English copy for the developer request and grants screens", () => {
     window.localStorage.setItem("locale", "en");
 
@@ -32,5 +58,27 @@ describe("i18n", () => {
         "현재 부여된 개발자 권한 목록입니다.",
       ),
     ).toBe("Current developer access grants.");
+    expect(
+      t(
+        "msg.dev.clients.general.id_token_claims.subtitle",
+        "RP 전용 확장 claim을 구분해서 관리합니다.",
+      ),
+    ).toBe(
+      "User-specific claim values are edited in the Consent and Claims tabs.",
+    );
+    expect(
+      t(
+        "msg.dev.clients.general.id_token_claims.hint",
+        "사용자별 claim 값은 동의 및 Claims 탭에서 수정합니다.",
+      ),
+    ).toBe(
+      "User-specific claim values are edited in the Consent and Claims tabs.",
+    );
+    expect(
+      t(
+        "msg.dev.clients.general.id_token_claims.preview_hint",
+        "설정 저장 시 반영될 claim 구성을 미리 볼 수 있습니다.",
+      ),
+    ).toBe("Preview the claim set that will be saved with these settings.");
   });
 });