Playwright 테스트 오류 수정

devfront/tests/clients.spec.ts

@@ -1,34 +1,8 @@
 import { expect, test } from "@playwright/test";
+import { seedAuth } from "./helpers/devfront-fixtures";
 
 test("clients page loads correctly", async ({ page }) => {
-  const nowInSeconds = Math.floor(Date.now() / 1000);
-
-  await page.addInitScript((issuedAt) => {
-    const mockOidcUser = {
-      id_token: "playwright-id-token",
-      session_state: "playwright-session",
-      access_token: "playwright-access-token",
-      refresh_token: "playwright-refresh-token",
-      token_type: "Bearer",
-      scope: "openid profile email",
-      profile: {
-        sub: "playwright-user",
-        email: "playwright@example.com",
-        name: "Playwright User",
-      },
-      expires_at: issuedAt + 3600,
-    };
-
-    // oidc-client-ts storage key format: oidc.user:{authority}:{client_id}
-    window.localStorage.setItem(
-      "oidc.user:http://localhost:5000/oidc:devfront",
-      JSON.stringify(mockOidcUser),
-    );
-    window.localStorage.setItem(
-      "oidc.user:http://localhost:5000/oidc/:devfront",
-      JSON.stringify(mockOidcUser),
-    );
-  }, nowInSeconds);
+  await seedAuth(page);
 
   await page.route("**/api/v1/dev/clients**", async (route) => {
     if (route.request().method() !== "GET") {

devfront/tests/helpers/devfront-fixtures.ts

@@ -103,6 +103,31 @@ export async function seedAuth(page: Page, role?: string) {
     },
     { issuedAt: nowInSeconds, injectedRole: role ?? "" },
   );
+
+  await page.route("**/oidc/**", async (route) => {
+    const url = route.request().url();
+    if (url.includes(".well-known/openid-configuration")) {
+      await route.fulfill({
+        json: {
+          issuer: "http://localhost:5000/oidc",
+          authorization_endpoint: "http://localhost:5000/oidc/auth",
+          token_endpoint: "http://localhost:5000/oidc/token",
+          jwks_uri: "http://localhost:5000/oidc/jwks",
+          userinfo_endpoint: "http://localhost:5000/oidc/userinfo",
+          end_session_endpoint: "http://localhost:5000/oidc/session/end",
+        },
+        headers: { "Access-Control-Allow-Origin": "*" },
+      });
+    } else if (url.includes("/jwks")) {
+      await route.fulfill({
+        json: { keys: [] },
+        headers: { "Access-Control-Allow-Origin": "*" },
+      });
+    } else {
+      await route.fulfill({ status: 200, body: "ok", headers: { "Access-Control-Allow-Origin": "*" } });
+    }
+  });
+
 }
 
 function json(route: Route, payload: unknown, status = 200) {