forked from baron/baron-sso
worksmobile 관리화면 보완.
This commit is contained in:
@@ -57,6 +57,7 @@ test.describe("Tenants Management", () => {
|
||||
});
|
||||
|
||||
test("should list tenants", async ({ page }) => {
|
||||
await page.setViewportSize({ width: 900, height: 700 });
|
||||
const internalTenantId = "c5839444-2de0-4a37-99b0-4f94d3de8bea";
|
||||
|
||||
await page.route("**/api/v1/admin/tenants**", async (route) => {
|
||||
@@ -93,6 +94,15 @@ test.describe("Tenants Management", () => {
|
||||
timeout: 10000,
|
||||
});
|
||||
await expect(page.locator("table")).toContainText(internalTenantId);
|
||||
await expect(page.locator("table")).toContainText("COMPANY");
|
||||
await expect(page.locator("table")).not.toContainText("일반 기업");
|
||||
|
||||
const headerWhiteSpace = await page
|
||||
.locator("table thead th")
|
||||
.evaluateAll((headers) =>
|
||||
headers.map((header) => window.getComputedStyle(header).whiteSpace),
|
||||
);
|
||||
expect(headerWhiteSpace.every((value) => value === "nowrap")).toBe(true);
|
||||
});
|
||||
|
||||
test("should create a new tenant", async ({ page }) => {
|
||||
|
||||
@@ -197,7 +197,7 @@ test.describe("Worksmobile tenant management", () => {
|
||||
await expect(page.getByText("domainMappings")).not.toBeVisible();
|
||||
await expect(page.getByText("SCIM token")).not.toBeVisible();
|
||||
await expect(page.getByText("김누락")).toBeVisible();
|
||||
await expect(page.getByText("박웍스")).not.toBeVisible();
|
||||
await expect(page.getByText("박웍스")).toBeVisible();
|
||||
await expect(page.getByText("WORKS 전용 조직")).toBeVisible();
|
||||
await expect(page.getByText("기술본부", { exact: true })).toBeVisible();
|
||||
await expect(page.getByText("parent-tech", { exact: true })).toBeVisible();
|
||||
@@ -208,47 +208,47 @@ test.describe("Worksmobile tenant management", () => {
|
||||
|
||||
const filterButtons = page
|
||||
.getByRole("button", {
|
||||
name: /Baron에만 있음|WORKS에만 있음|양쪽에 다 있음/,
|
||||
name: /바론에만 있음|웍스에만 있음|양쪽 다 있음/,
|
||||
})
|
||||
.allTextContents();
|
||||
await expect.poll(() => filterButtons).toEqual([
|
||||
"Baron에만 있음",
|
||||
"WORKS에만 있음",
|
||||
"양쪽에 다 있음",
|
||||
"바론에만 있음",
|
||||
"웍스에만 있음",
|
||||
"양쪽 다 있음",
|
||||
]);
|
||||
|
||||
await page.getByRole("button", { name: "WORKS에만 있음" }).click();
|
||||
await expect(page.getByText("박웍스")).toBeVisible();
|
||||
await page.getByRole("button", { name: "웍스에만 있음" }).click();
|
||||
await expect(page.getByText("박웍스")).not.toBeVisible();
|
||||
await expect(page.getByText("김누락")).toBeVisible();
|
||||
await expect(page.getByText("홍길동")).not.toBeVisible();
|
||||
|
||||
await page.getByRole("button", { name: "양쪽에 다 있음" }).click();
|
||||
await page.getByRole("button", { name: "양쪽 다 있음" }).click();
|
||||
await expect(page.getByText("홍길동")).toHaveCount(2);
|
||||
await expect(page.getByText("기술기획", { exact: true })).toBeVisible();
|
||||
await expect(page.getByText("team-tech", { exact: true })).toBeVisible();
|
||||
await expect(page.getByText("WORKS 기술기획")).toBeVisible();
|
||||
await expect(page.getByText("works-team-tech")).toBeVisible();
|
||||
await expect(page.getByText("김누락")).toBeVisible();
|
||||
await expect(page.getByText("박웍스")).toBeVisible();
|
||||
await expect(page.getByText("박웍스")).not.toBeVisible();
|
||||
|
||||
await page.getByRole("button", { name: "Baron에만 있음" }).click();
|
||||
await expect(page.getByText("홍길동")).toHaveCount(2);
|
||||
await expect(page.getByText("김누락")).not.toBeVisible();
|
||||
await expect(page.getByText("박웍스")).toBeVisible();
|
||||
|
||||
await page.getByRole("button", { name: "WORKS에만 있음" }).click();
|
||||
await page.getByRole("button", { name: "바론에만 있음" }).click();
|
||||
await expect(page.getByText("홍길동")).toHaveCount(2);
|
||||
await expect(page.getByText("김누락")).not.toBeVisible();
|
||||
await expect(page.getByText("박웍스")).not.toBeVisible();
|
||||
|
||||
await page.getByRole("button", { name: "양쪽에 다 있음" }).click();
|
||||
await page.getByRole("button", { name: "웍스에만 있음" }).click();
|
||||
await expect(page.getByText("홍길동")).toHaveCount(2);
|
||||
await expect(page.getByText("김누락")).not.toBeVisible();
|
||||
await expect(page.getByText("박웍스")).toBeVisible();
|
||||
|
||||
await page.getByRole("button", { name: "양쪽 다 있음" }).click();
|
||||
await expect(page.getByText("김누락")).not.toBeVisible();
|
||||
await expect(page.getByText("박웍스")).toBeVisible();
|
||||
await expect(page.getByText("홍길동")).not.toBeVisible();
|
||||
|
||||
await page.getByRole("button", { name: "바론에만 있음" }).click();
|
||||
await expect(page.getByText("김누락")).toBeVisible();
|
||||
await expect(page.getByText("박웍스")).toBeVisible();
|
||||
await expect(page.getByText("홍길동")).toHaveCount(2);
|
||||
|
||||
await page.getByRole("button", { name: "Baron에만 있음" }).click();
|
||||
await expect(page.getByText("김누락")).toBeVisible();
|
||||
await expect(page.getByText("박웍스")).not.toBeVisible();
|
||||
await expect(page.getByText("홍길동")).not.toBeVisible();
|
||||
|
||||
await page
|
||||
@@ -360,4 +360,148 @@ test.describe("Worksmobile tenant management", () => {
|
||||
page.getByText(/WORKS API rejected user creation/),
|
||||
).toBeVisible();
|
||||
});
|
||||
|
||||
test("keeps wide comparison columns inside table scroll and blocks immutable WORKS accounts", async ({
|
||||
page,
|
||||
}) => {
|
||||
await page.setViewportSize({ width: 900, height: 700 });
|
||||
|
||||
await page.route("**/api/v1/**", async (route) => {
|
||||
const url = new URL(route.request().url());
|
||||
const method = route.request().method();
|
||||
const headers = { "Access-Control-Allow-Origin": "*" };
|
||||
|
||||
if (url.pathname.endsWith("/user/me")) {
|
||||
return route.fulfill({
|
||||
json: { id: "admin-user", name: "Admin", role: "super_admin" },
|
||||
headers,
|
||||
});
|
||||
}
|
||||
|
||||
if (
|
||||
url.pathname.endsWith("/admin/tenants/hanmac-family-id") &&
|
||||
method === "GET"
|
||||
) {
|
||||
return route.fulfill({
|
||||
json: {
|
||||
id: "hanmac-family-id",
|
||||
name: "한맥 가족",
|
||||
slug: "hanmac-family",
|
||||
parentId: null,
|
||||
},
|
||||
headers,
|
||||
});
|
||||
}
|
||||
|
||||
if (
|
||||
url.pathname.endsWith("/admin/tenants/hanmac-family-id/worksmobile") &&
|
||||
method === "GET"
|
||||
) {
|
||||
return route.fulfill({
|
||||
json: {
|
||||
tenant: {
|
||||
id: "hanmac-family-id",
|
||||
name: "한맥 가족",
|
||||
slug: "hanmac-family",
|
||||
parentId: null,
|
||||
},
|
||||
config: {
|
||||
adminTenantId: "works-tenant-1",
|
||||
},
|
||||
recentJobs: [],
|
||||
},
|
||||
headers,
|
||||
});
|
||||
}
|
||||
|
||||
if (
|
||||
url.pathname.endsWith(
|
||||
"/admin/tenants/hanmac-family-id/worksmobile/comparison",
|
||||
) &&
|
||||
method === "GET"
|
||||
) {
|
||||
return route.fulfill({
|
||||
json: {
|
||||
users: [
|
||||
{
|
||||
resourceType: "USER",
|
||||
worksmobileId:
|
||||
"works-user-with-extra-long-identifier-for-scroll-check",
|
||||
externalKey: "external-key-with-extra-long-identifier",
|
||||
worksmobileName: "긴 WORKS 사용자",
|
||||
worksmobileEmail:
|
||||
"long-works-user-name-for-scroll@samaneng.com",
|
||||
worksmobileDomainId: 300285955,
|
||||
worksmobileDomainName: "samaneng.com",
|
||||
worksmobilePrimaryOrgId:
|
||||
"works-primary-org-with-extra-long-identifier",
|
||||
worksmobilePrimaryOrgName: "긴 WORKS 조직",
|
||||
status: "missing_in_baron",
|
||||
},
|
||||
{
|
||||
resourceType: "USER",
|
||||
worksmobileId: "works-cyhan",
|
||||
worksmobileName: "변경 불가 계정",
|
||||
worksmobileEmail: "cyhan@samaneng.com",
|
||||
worksmobileDomainId: 300285955,
|
||||
worksmobileDomainName: "samaneng.com",
|
||||
status: "missing_in_baron",
|
||||
},
|
||||
],
|
||||
groups: [],
|
||||
},
|
||||
headers,
|
||||
});
|
||||
}
|
||||
|
||||
return route.fulfill({ json: { items: [], total: 0 }, headers });
|
||||
});
|
||||
|
||||
await page.goto("/tenants/hanmac-family-id/worksmobile");
|
||||
await expect(page.getByText("긴 WORKS 사용자")).toBeVisible();
|
||||
|
||||
const userColumnButton = page
|
||||
.getByRole("heading", { name: "구성원" })
|
||||
.locator("xpath=ancestor::div[contains(@class, 'space-y-2')][1]")
|
||||
.getByRole("button", { name: "컬럼 설정" });
|
||||
await userColumnButton.click();
|
||||
|
||||
const dialog = page.getByRole("dialog", { name: "구성원 컬럼 설정" });
|
||||
await dialog.getByLabel("Baron ID").check();
|
||||
await dialog.getByLabel("WORKS ID").check();
|
||||
await dialog.getByLabel("external_key").check();
|
||||
await dialog.getByRole("button", { name: "닫기" }).click();
|
||||
|
||||
const pageOverflow = await page.evaluate(() => ({
|
||||
documentScrollWidth: document.documentElement.scrollWidth,
|
||||
bodyScrollWidth: document.body.scrollWidth,
|
||||
viewportWidth: document.documentElement.clientWidth,
|
||||
}));
|
||||
expect(
|
||||
Math.max(pageOverflow.documentScrollWidth, pageOverflow.bodyScrollWidth),
|
||||
).toBeLessThanOrEqual(pageOverflow.viewportWidth + 1);
|
||||
|
||||
const userTableScroll = await page.locator("table").first().evaluate(
|
||||
(table) => {
|
||||
const container = table.parentElement?.parentElement as HTMLElement;
|
||||
return {
|
||||
clientWidth: container.clientWidth,
|
||||
overflowX: window.getComputedStyle(container).overflowX,
|
||||
scrollWidth: container.scrollWidth,
|
||||
};
|
||||
},
|
||||
);
|
||||
expect(userTableScroll.overflowX).toBe("auto");
|
||||
expect(userTableScroll.scrollWidth).toBeGreaterThan(
|
||||
userTableScroll.clientWidth,
|
||||
);
|
||||
|
||||
const immutableRow = page.getByRole("row", {
|
||||
name: /cyhan@samaneng\.com/,
|
||||
});
|
||||
await expect(immutableRow.getByRole("checkbox")).toBeDisabled();
|
||||
await expect(
|
||||
immutableRow.getByRole("button", { name: /비밀번호 관리/ }),
|
||||
).toBeDisabled();
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user