kevin/baron-sso
1
0
Fork 0
forked from baron/baron-sso
Code Pull Requests Activity

폼 선택자(Form Selector) 안정화, 다국어 번역 키 불일치 수정, 컴포넌트 테스트 용이성(Testability) 개선, Strict Mode 위반 해결, OIDC 모킹(Mocking) 강화

Browse Source
This commit is contained in:
조찬영
2026-03-17 15:48:48 +09:00
parent 27e0f4c9dd
commit 42f0caa6fd
13 changed files with 468 additions and 605 deletions
Download Patch File Download Diff File Expand all files Collapse all files

168
adminfront/tests/bulk_actions.spec.ts
View File

@@ -2,107 +2,121 @@ import { expect, test } from "@playwright/test";
test.describe("Bulk Actions and Tree Search", () => {
test.beforeEach(async ({ page }) => {
// Authenticate as Super Admin
await page.addInitScript(() => {
window.localStorage.setItem("locale", "ko");
window.localStorage.setItem("admin_session", "fake-token");
(window as any)._IS_TEST_MODE = true;
const authority = "http://localhost:5000/oidc";
const client_id = "adminfront";
const key = `oidc.user:${authority}:${client_id}`;
window.localStorage.setItem(
key,
JSON.stringify({
access_token: "fake",
profile: { sub: "admin", role: "super_admin" },
expires_at: 9999999999,
}),
);
const authData = {
access_token: "fake-token",
token_type: "Bearer",
profile: { sub: "admin", role: "super_admin", name: "Admin" },
expires_at: Math.floor(Date.now() / 1000) + 36000,
};
window.localStorage.setItem(key, JSON.stringify(authData));
});
// Mock APIs
await page.route("**/api/v1/user/me", async (route) => {
await route.fulfill({ json: { id: "admin", role: "super_admin" } });
});
// Capture ALL API calls to our mock host
await page.route("**/api/v1/**", async (route) => {
const url = route.request().url();
const headers = { 'Access-Control-Allow-Origin': '*' };
await page.route("**/api/v1/admin/users?*", async (route) => {
await route.fulfill({
json: {
items: [
{
id: "u-1",
name: "User One",
email: "u1@test.com",
status: "active",
role: "user",
createdAt: new Date().toISOString(),
},
{
id: "u-2",
name: "User Two",
email: "u2@test.com",
status: "active",
role: "user",
createdAt: new Date().toISOString(),
},
],
total: 2,
},
});
});
await page.route("**/api/v1/admin/tenants/t-1", async (route) => {
await route.fulfill({
json: { id: "t-1", name: "Main Tenant", slug: "main" },
});
});
await page.route(
"**/api/v1/admin/tenants/t-1/organization",
async (route) => {
await route.fulfill({
if (url.includes("/user/me")) {
return route.fulfill({
json: { id: "admin", role: "super_admin", name: "Admin", manageableTenants: [] },
headers
});
}
if (url.includes("/admin/users")) {
return route.fulfill({
json: {
items: [
{ id: "u-1", name: "User One", email: "u1@test.com", status: "active", role: "user", createdAt: new Date().toISOString() },
{ id: "u-2", name: "User Two", email: "u2@test.com", status: "active", role: "user", createdAt: new Date().toISOString() },
],
total: 2,
},
headers
});
}
if (url.includes("/organization")) {
return route.fulfill({
json: [
{ id: "g-1", name: "Engineering", slug: "eng", tenantId: "t-1" },
{ id: "g-2", name: "Sales", slug: "sales", tenantId: "t-1" },
],
headers
});
},
);
}
if (url.includes("/admin/tenants/t-1")) {
return route.fulfill({
json: { id: "t-1", name: "Main Tenant", slug: "main", status: "active", type: "COMPANY" },
headers
});
}
if (url.includes("/admin/tenants")) {
return route.fulfill({
json: { items: [{ id: "t-1", name: "Main Tenant", slug: "main" }], total: 1 },
headers
});
}
return route.fulfill({ json: { items: [], total: 0 }, headers });
});
await page.route("**/oidc/**", async (route) => {
await route.fulfill({ json: { issuer: "http://localhost:5000/oidc" } });
});
});
test("should show bulk action bar when users are selected", async ({
page,
}) => {
test("should show bulk action bar when users are selected", async ({ page }) => {
await page.goto("/users");
// 로딩바 대기 대신 실제 데이터 텍스트 대기
const table = page.locator("table");
await expect(table).toContainText("User One", { timeout: 20000 });
// 첫 번째 데이터의 체크박스 선택
const userCheckbox = page.locator('table input[type="checkbox"]').nth(1);
await userCheckbox.click();
// Check individual row
await page.locator('input[type="checkbox"]').nth(1).check();
await expect(page.getByText("1명 선택됨")).toBeVisible();
await expect(
page.getByRole("button", { name: /활성화|Active/i }),
).toBeVisible();
// 일괄 작업 바 확인
const selectionBar = page.getByTestId("bulk-action-bar");
await expect(selectionBar).toBeVisible({ timeout: 15000 });
// 활성화 버튼 확인
const activeBtn = page.getByTestId("bulk-active-btn");
await expect(activeBtn).toBeVisible({ timeout: 10000 });
// Check select all
await page.locator('input[type="checkbox"]').first().check();
await expect(page.getByText("2명 선택됨")).toBeVisible();
// 전체 선택
await page.locator('table input[type="checkbox"]').first().click();
await expect(selectionBar).toBeVisible();
// Clear selection
await page.getByRole("button", { name: "Plus" }).click(); // The close icon
await expect(page.getByText("명 선택됨")).not.toBeVisible();
// 선택 해제 버튼
const closeBtn = page.getByTestId("bulk-close-btn");
await closeBtn.click();
await expect(selectionBar).not.toBeVisible({ timeout: 10000 });
});
test("should filter and highlight nodes in organization tree", async ({
page,
}) => {
test("should filter and highlight nodes in organization tree", async ({ page }) => {
await page.goto("/tenants/t-1");
await page
.getByRole("link", { name: /하위 테넌트 관리|Sub-tenant/i })
.click();
// 테넌트 이름이 제목으로 나올 때까지 대기
await expect(page.locator("h2").last()).toContainText(/Main Tenant|상세|Profile/i, { timeout: 20000 });
const searchInput = page.getByPlaceholder(/조직도 내 검색|Search in tree/i);
await expect(searchInput).toBeVisible();
const subTenantLink = page.locator('a, button').filter({ hasText: /조직 관리|Organization|Sub-tenant/i }).first();
await subTenantLink.click();
// 트리 검색 입력창 대기 (더 유연한 셀렉터)
const searchInput = page.locator('input[placeholder*="검색"], input[placeholder*="Search"]').first();
await expect(searchInput).toBeVisible({ timeout: 15000 });
await searchInput.fill("Eng");
// Check if Engineering row is highlighted
const engRow = page.locator('tr:has-text("Engineering")');
await expect(engRow).toHaveClass(/bg-primary\/10/);
const engRow = page.locator('tr').filter({ hasText: "Engineering" }).first();
await expect(engRow).toBeVisible();
await expect(engRow).toHaveClass(/bg-primary/);
});
});