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

test(adminfront): fix audit mock conflict and stabilize tenant dropdown interaction

Browse Source
This commit is contained in:
조찬영
2026-05-29 16:53:26 +09:00
parent 0448b86443
commit d43787a96d
2 changed files with 40 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
adminfront/tests/audit.spec.ts
View File

@@ -57,6 +57,19 @@ test.describe("Audit Logs Management", () => {
headers: { "Access-Control-Allow-Origin": "*" },
});
}
if (url.includes("/v1/audit")) {
const urlObj = new URL(url);
const cursor = urlObj.searchParams.get("cursor");
const offset = cursor ? 20 : 0;
return route.fulfill({
json: {
items: generateMockLogs(20, offset),
next_cursor: offset === 0 ? "fake-cursor" : null,
total: 40,
},
headers: { "Access-Control-Allow-Origin": "*" },
});
}
return route.continue();
});
});
@@ -82,13 +95,6 @@ test.describe("Audit Logs Management", () => {
};
test("should load initial logs and display correctly", async ({ page }) => {
await page.route("**/v1/audit*", async (route) => {
return route.fulfill({
json: { items: generateMockLogs(20, 0), total: 20 },
headers: { "Access-Control-Allow-Origin": "*" },
});
});
await page.goto("/audit-logs");
// Check header
@@ -100,49 +106,35 @@ test.describe("Audit Logs Management", () => {
await expect(page.locator("tbody tr")).toHaveCount(20, { timeout: 15000 });
// Check specific data visible in the row
await expect(page.locator("tbody")).toContainText("user-even");
await expect(page.locator("tbody")).toContainText("CREATE_TENANT");
await expect(page.locator("tbody")).toContainText("user-even", {
timeout: 10000,
});
await expect(page.locator("tbody")).toContainText("CREATE_TENANT", {
timeout: 10000,
});
});
test("should load more logs on scroll (infinite scroll)", async ({
page,
}) => {
let callCount = 0;
await page.route("**/v1/audit*", async (route) => {
const logs = generateMockLogs(20, callCount * 20);
callCount++;
return route.fulfill({
json: {
items: logs,
next_cursor: callCount < 2 ? "fake-cursor" : null,
},
headers: { "Access-Control-Allow-Origin": "*" },
});
});
await page.goto("/audit-logs");
await expect(page.locator("tbody tr")).toHaveCount(20, { timeout: 15000 });
const loadMoreBtn = page.getByRole("button", {
name: /더 보기|Load more/i,
});
await expect(loadMoreBtn).toBeVisible();
await expect(loadMoreBtn).toBeVisible({ timeout: 10000 });
await loadMoreBtn.click();
// Wait for the next page to load
await expect(page.locator("tbody tr")).toHaveCount(40, { timeout: 15000 });
// user-even and CREATE_TENANT should still be visible in the newly loaded rows
await expect(page.locator("tbody")).toContainText("user-even");
await expect(page.locator("tbody")).toContainText("user-even", {
timeout: 10000,
});
});
test("should filter logs by Action and User ID locally", async ({ page }) => {
await page.route("**/v1/audit*", async (route) => {
return route.fulfill({
json: { items: generateMockLogs(20, 0), total: 20 },
headers: { "Access-Control-Allow-Origin": "*" },
});
});
await page.goto("/audit-logs");
await expect(page.locator("tbody tr")).toHaveCount(20, { timeout: 15000 });
@@ -152,30 +144,27 @@ test.describe("Audit Logs Management", () => {
await userIdInput.fill("user-even");
// Playwright expect will retry, so it will wait for deferred value
await expect(page.locator("tbody tr")).toHaveCount(10, { timeout: 10000 });
await expect(page.locator("tbody")).not.toContainText("user-odd");
await expect(page.locator("tbody tr")).toHaveCount(10, { timeout: 15000 });
await expect(page.locator("tbody")).not.toContainText("user-odd", {
timeout: 10000,
});
// Clear User ID
await userIdInput.clear();
await expect(page.locator("tbody tr")).toHaveCount(20, { timeout: 10000 });
await expect(page.locator("tbody tr")).toHaveCount(20, { timeout: 15000 });
// Search by Action
const actionInput = page.getByTestId("audit-search-action");
await actionInput.fill("ROTATE_SECRET");
// Check that we only see ROTATE_SECRET (20 - 7 = 13)
await expect(page.locator("tbody tr")).toHaveCount(13, { timeout: 10000 });
await expect(page.locator("tbody")).not.toContainText("CREATE_TENANT");
await expect(page.locator("tbody tr")).toHaveCount(13, { timeout: 15000 });
await expect(page.locator("tbody")).not.toContainText("CREATE_TENANT", {
timeout: 10000,
});
});
test("should filter logs by Status locally", async ({ page }) => {
await page.route("**/v1/audit*", async (route) => {
return route.fulfill({
json: { items: generateMockLogs(20, 0), total: 20 },
headers: { "Access-Control-Allow-Origin": "*" },
});
});
await page.goto("/audit-logs");
await expect(page.locator("tbody tr")).toHaveCount(20, { timeout: 15000 });
@@ -184,12 +173,12 @@ test.describe("Audit Logs Management", () => {
// ID % 5 === 0 are status "failure"
// IDs: 0, 5, 10, 15 => 4 items
await expect(page.locator("tbody tr")).toHaveCount(4, { timeout: 10000 });
await expect(page.locator("tbody tr")).toHaveCount(4, { timeout: 15000 });
// Select "Success" status
await page.getByTestId("audit-filter-status").selectOption("success");
// IDs: 1,2,3,4, 6,7,8,9, 11,12,13,14, 16,17,18,19 => 16 items
await expect(page.locator("tbody tr")).toHaveCount(16, { timeout: 10000 });
await expect(page.locator("tbody tr")).toHaveCount(16, { timeout: 15000 });
});
});