baron-sso/adminfront/tests/users_schema.spec.ts

import { expect, test } from "@playwright/test";

test.describe("User Schema Dynamic Form", () => {
  test.beforeEach(async ({ page }) => {
    // Authenticate
    await page.addInitScript(() => {
      const authority = "http://localhost:5000/oidc";
      const client_id = "adminfront";
      const key = `oidc.user:${authority}:${client_id}`;
      const authData = {
        access_token: "fake-token",
        token_type: "Bearer",
        profile: {
          sub: "admin-user",
          name: "Admin User",
          email: "admin@example.com",
        },
        expires_at: Math.floor(Date.now() / 1000) + 3600,
      };
      window.localStorage.setItem(key, JSON.stringify(authData));
    });

    await page.route(
      "**/oidc/.well-known/openid-configuration",
      async (route) => {
        await route.fulfill({ json: { issuer: "http://localhost:5000/oidc" } });
      },
    );

    await page.route("**/api/v1/user/me", async (route) => {
      await route.fulfill({
        json: {
          id: "admin-user",
          name: "Admin User",
          email: "admin@example.com",
          role: "super_admin",
        },
      });
    });

    // Mock Tenant with User Schema
    await page.route("**/api/v1/admin/tenants/t-1", async (route) => {
      await route.fulfill({
        json: {
          id: "t-1",
          slug: "test-tenant",
          config: {
            userSchema: [
              {
                key: "emp_id",
                label: "Employee ID",
                required: true,
                validation: "^E[0-9]{3}$",
              },
              {
                key: "salary",
                label: "Salary",
                adminOnly: true,
                type: "number",
              },
            ],
          },
        },
      });
    });

    // Mock User
    await page.route("**/api/v1/admin/users/u-1", async (route) => {
      await route.fulfill({
        json: {
          id: "u-1",
          name: "John Doe",
          email: "john@test.com",
          companyCode: "test-tenant",
          metadata: { emp_id: "E123", salary: 1000 },
        },
      });
    });

    await page.route("**/api/v1/admin/tenants**", async (route) => {
      if (route.request().method() === "GET") {
        await route.fulfill({
          json: {
            items: [{ id: "t-1", slug: "test-tenant", name: "Test Tenant" }],
            total: 1,
          },
        });
      }
    });
  });

  test("should render custom fields from schema in user detail", async ({
    page,
  }) => {
    await page.goto("/users/u-1");

    await expect(
      page.getByText("테넌트 확장 정보 (Custom Fields)"),
    ).toBeVisible();
    await expect(page.getByLabel("Employee ID")).toHaveValue("E123");
    await expect(page.getByLabel("Salary")).toHaveValue("1000");

    // Check for Admin Only badge
    await expect(page.getByText("Admin Only")).toBeVisible();
  });

  test("should show regex validation error for custom field", async ({
    page,
  }) => {
    await page.goto("/users/u-1");

    const empIdInput = page.getByLabel("Employee ID");
    await empIdInput.fill("invalid");

    // Click somewhere to trigger blur/validation
    await page.getByLabel("이름").click();

    await expect(
      page.getByText("Employee ID 형식이 올바르지 않습니다."),
    ).toBeVisible();
  });
});