테넌트 비소속 개발자 권한 신청/부여 가능

devfront/src/features/clients/ClientsPage.test.tsx

@@ -278,7 +278,7 @@ describe("ClientsPage", () => {
     expect(navigateMock).toHaveBeenCalledWith("/developer-requests");
   });
 
-  it("shows a tenant-required notice when tenant context is missing", async () => {
+  it("allows a user without tenant context to request developer access", async () => {
     authState = {
       user: {
         access_token: "access-token",
@@ -297,11 +297,56 @@ describe("ClientsPage", () => {
       email: "requester@example.com",
       phone: "010-1234-5678",
     });
+    fetchDeveloperRequestStatusMock.mockResolvedValue({ status: "none" });
 
     const container = await renderPage();
-    expect(container.textContent).toContain(
-      "개발자 권한을 신청하려면 먼저 테넌트에 소속되어 있어야 합니다.",
+    expect(container.textContent).toContain("개발자 등록 신청하기");
+
+    const requestButton = Array.from(container.querySelectorAll("button")).find(
+      (button) => button.textContent === "개발자 등록 신청하기",
     );
-    expect(fetchDeveloperRequestStatusMock).not.toHaveBeenCalled();
+    expect(requestButton).toBeTruthy();
+
+    await act(async () => {
+      requestButton?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    });
+
+    expect(navigateMock).toHaveBeenCalledWith("/developer-requests");
+    expect(fetchDeveloperRequestStatusMock).toHaveBeenCalled();
+  });
+
+  it("shows the create app button for a super admin without tenant context", async () => {
+    authState = {
+      user: {
+        access_token: "access-token",
+        profile: {
+          role: "super_admin",
+          companyCode: "HANMAC",
+          name: "Dev Admin",
+          email: "dev@example.com",
+          phone: "010-0000-0000",
+        },
+      },
+    };
+    fetchMeMock.mockResolvedValue({
+      role: "super_admin",
+      name: "Dev Admin",
+      email: "dev@example.com",
+      phone: "010-0000-0000",
+    });
+
+    const container = await renderPage();
+    expect(container.textContent).toContain("연동 앱 추가");
+
+    const createButton = Array.from(container.querySelectorAll("button")).find(
+      (button) => button.textContent === "연동 앱 추가",
+    );
+    expect(createButton).toBeTruthy();
+
+    await act(async () => {
+      createButton?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    });
+
+    expect(navigateMock).toHaveBeenCalledWith("/clients/new");
   });
 });