dev 병합 code check 수정

devfront/tests/devfront-developer-request.spec.ts

@@ -19,39 +19,50 @@ test.describe("DevFront developer request and management", () => {
     });
   });
 
-  test("user can request developer access when no RP exists", async ({ page }) => {
+  test("user can request developer access when no RP exists", async ({
+    page,
+  }) => {
     const state = {
       clients: [],
       consents: [],
       developerRequests: [],
     };
-    await seedAuth(page, "user"); 
+    await seedAuth(page, "user");
     await installDevApiMock(page, state);
 
     await page.goto("/clients");
 
-    // Click Request Button
-    const requestBtn = page.getByRole('button', { name: /개발자 등록 신청/ });
-    await requestBtn.waitFor({ state: 'visible' });
+    // Click request link and open the request modal on the dedicated page
+    const requestBtn = page.getByRole("button", {
+      name: /개발자 등록 신청하기|개발자 등록 신청/,
+    });
+    await requestBtn.waitFor({ state: "visible" });
     await requestBtn.click();
+    await expect(page).toHaveURL(/\/developer-requests$/);
 
-    // Fill Form (using direct selectors for reliability)
-    await page.locator("#org").fill("QA Team");
+    const openRequestBtn = page.getByRole("button", {
+      name: /신규 신청하기|Request|Apply/,
+    });
+    await openRequestBtn.click();
+
+    // Fill Form (organization is read-only and comes from the active tenant)
     await page.locator("#reason").fill("Need to test OIDC integration");
-    
+
     // Submit
-    await page.getByRole('button', { name: /신청하기|Submit/ }).click();
+    await page.getByRole("button", { name: "신청하기", exact: true }).click();
 
     // Verify Status - Look for "Pending" or "대기" anywhere
     await expect(page.locator("body")).toContainText(/대기|Pending/);
   });
 
-  test("super admin can approve, reject and cancel developer requests", async ({ page }) => {
+  test("super admin can approve, reject and cancel developer requests", async ({
+    page,
+  }) => {
     const request: DeveloperRequest = {
       id: "req-admin-test",
       userId: "user-1",
       userName: "Requester User",
-      name: "Requester User", 
+      name: "Requester User",
       userEmail: "user1@example.com",
       organization: "Dev Team",
       reason: "API Test",
@@ -72,26 +83,30 @@ test.describe("DevFront developer request and management", () => {
     await page.goto("/developer-requests");
 
     // Wait for data to load
-    await page.waitForLoadState('networkidle');
-    await expect(page.locator("table")).toContainText("Requester User", { timeout: 10000 });
+    await page.waitForLoadState("networkidle");
+    await expect(page.locator("table")).toContainText("Requester User", {
+      timeout: 10000,
+    });
 
     // Approve
-    const approveBtn = page.getByRole('button', { name: '승인' }).first();
+    const approveBtn = page.getByRole("button", { name: "승인" }).first();
     await approveBtn.click();
     await expect(page.locator("table")).toContainText(/승인됨|Approved/);
 
     // Cancel approval (Requires notes)
     await page.locator("input.h-8").first().fill("Cancellation reason");
-    await page.getByRole('button', { name: '승인 취소' }).click();
+    await page.getByRole("button", { name: "승인 취소" }).click();
     await expect(page.locator("table")).toContainText(/대기|Pending/);
 
     // Reject (Requires notes)
     await page.locator("input.h-8").first().fill("Rejection reason");
-    await page.getByRole('button', { name: '반려' }).click();
+    await page.getByRole("button", { name: "반려" }).click();
     await expect(page.locator("table")).toContainText(/반려됨|Rejected/);
   });
 
-  test("approved user can see 'Add App' guidance and create RP", async ({ page }) => {
+  test("approved user can see 'Add App' guidance and create RP", async ({
+    page,
+  }) => {
     const request: DeveloperRequest = {
       id: "req-approved",
       userId: "playwright-user",
@@ -112,33 +127,41 @@ test.describe("DevFront developer request and management", () => {
       developerRequests: [request],
     };
 
-    await seedAuth(page, "rp_admin"); 
+    await seedAuth(page, "rp_admin");
     await installDevApiMock(page, state);
 
     await page.goto("/clients");
-    
+
     // Click Add App
-    const createBtn = page.getByRole('button', { name: /연동 앱 추가/ }).first();
+    const createBtn = page
+      .getByRole("button", { name: /연동 앱 추가/ })
+      .first();
     await createBtn.click();
 
     // Fill Form (Must fill all mandatory fields to enable Submit)
     await expect(page).toHaveURL(/\/clients\/new$/);
-    
-    const nameInput = page.locator("input[placeholder*='Awesome']");
+
+    const nameInput = page.getByPlaceholder(
+      /My Awesome Application|예: 멋진 애플리케이션/,
+    );
     await nameInput.fill("E2E Test RP");
-    await nameInput.press('Tab');
+    await nameInput.press("Tab");
 
     const uriInput = page.locator("textarea.font-mono");
     await uriInput.fill("https://example.com/callback");
-    await uriInput.press('Tab');
-    
+    await uriInput.press("Tab");
+
     // Submit
-    const submitBtn = page.getByRole('button', { name: /생성/ }).filter({ hasNotText: '취소' });
+    const submitBtn = page
+      .getByRole("button", { name: /생성/ })
+      .filter({ hasNotText: "취소" });
     await expect(submitBtn).toBeEnabled({ timeout: 10000 });
     await submitBtn.click();
 
     // Verification
     await expect(page).toHaveURL(/\/clients\/client-\d+\/settings$/);
-    await expect(page.locator("h1")).toContainText(/설정|Settings/);
+    await expect(
+      page.getByRole("heading", { name: /연동 앱 설정|Settings/ }),
+    ).toBeVisible();
   });
 });