dev 브런치 반영 code-check 오류 수정

adminfront/playwright.config.ts

@@ -3,6 +3,10 @@ import { defineConfig, devices } from "@playwright/test";
 const configuredWorkers = process.env.PLAYWRIGHT_WORKERS
   ? Number.parseInt(process.env.PLAYWRIGHT_WORKERS, 10)
   : undefined;
+const port = Number.parseInt(process.env.PORT ?? "5173", 10);
+const defaultBaseUrl = `http://127.0.0.1:${port}`;
+const baseURL = process.env.BASE_URL ?? defaultBaseUrl;
+const reuseExistingServer = !process.env.CI && !process.env.PORT;
 
 /**
  * Read environment variables from file.
@@ -34,7 +38,7 @@ export default defineConfig({
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: "http://localhost:5173",
+    baseURL,
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: "retain-on-failure",
@@ -60,12 +64,14 @@ export default defineConfig({
   ],
 
   /* Run your local dev server before starting the tests */
-  webServer: {
-    command: process.env.CI
-      ? "npm run build && npm run preview -- --port 5173"
-      : "npm run dev",
-    url: "http://localhost:5173",
-    reuseExistingServer: !process.env.CI,
-    timeout: 120 * 1000,
-  },
+  webServer: process.env.BASE_URL
+    ? undefined
+    : {
+        command: process.env.CI
+          ? `npm run build && npm run preview -- --host 127.0.0.1 --port ${port}`
+          : `npm run dev -- --host 127.0.0.1 --port ${port}`,
+        url: defaultBaseUrl,
+        reuseExistingServer,
+        timeout: 120 * 1000,
+      },
 });

adminfront/src/features/user-groups/routes/TenantUserGroupsTab.tsx

@@ -134,27 +134,23 @@ const SidebarNode: React.FC<{
             ? "bg-primary text-primary-foreground font-semibold"
             : "hover:bg-muted/60 text-muted-foreground hover:text-foreground"
         } ${isMatching ? "ring-1 ring-primary/30 bg-primary/5" : ""}`}
-        onClick={() => onSelect(node.id)}
+        onClick={() => {
+          onSelect(node.id);
+          if (hasChildren) setIsExpanded(!isExpanded);
+        }}
       >
         <div className="flex items-center flex-1 min-w-0">
           {/* Indent & Expander */}
           <div style={{ width: `${level * 1.2}rem` }} className="shrink-0" />
           <div className="w-5 h-5 flex items-center justify-center mr-1">
             {hasChildren ? (
-              <button
-                type="button"
-                className="hover:bg-primary/20 rounded p-0.5"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setIsExpanded(!isExpanded);
-                }}
-              >
+              <span className="rounded p-0.5">
                 {isExpanded ? (
                   <ChevronDown size={14} />
                 ) : (
                   <ChevronRight size={14} />
                 )}
-              </button>
+              </span>
             ) : (
               level > 0 && <div className="w-1 h-1 rounded-full bg-border" />
             )}
@@ -457,7 +453,7 @@ function TenantUserGroupsTab() {
                       {selectedNode.slug}
                     </Badge>
                   </div>
-                  <CardDescription className="flex items-center gap-2 mt-0.5">
+                  <div className="text-sm text-muted-foreground flex items-center gap-2 mt-0.5">
                     <span className="flex items-center gap-1">
                       <Users size={12} /> {selectedNode.recursiveMemberCount}{" "}
                       {t("ui.admin.tenants.table.members", "명")}
@@ -469,7 +465,7 @@ function TenantUserGroupsTab() {
                         selectedNode.type,
                       )}
                     </Badge>
-                  </CardDescription>
+                  </div>
                 </div>
               </div>
 

adminfront/tests/bulk_actions.spec.ts

@@ -174,7 +174,7 @@ test.describe("Bulk Actions and Tree Search", () => {
     await searchInput.fill("Eng");
 
     const engNode = page
-      .locator("button")
+      .locator('button, [role="button"]')
       .filter({ hasText: "Engineering" })
       .first();
     await expect(engNode).toBeVisible();