Files
lucia-frontend/tests/e2e/specs/filesToDiscover.spec.ts
2026-03-22 18:52:18 +08:00

105 lines
3.5 KiB
TypeScript

// The Lucia project.
// Copyright 2026-2026 DSP, inc. All rights reserved.
// Authors:
// imacat.yang@dsp.im (imacat), 2026/03/22
import { test, expect } from "@playwright/test";
import { loginWithMSW } from "../helpers";
test.describe("Files to Discover Entry Flow", () => {
test.beforeEach(async ({ page, context }) => {
await loginWithMSW(context);
await page.goto("/files");
await expect(page.getByText("sample-process.xes").first()).toBeVisible();
});
test.describe("double-click table row to enter Discover", () => {
test("double-click log file navigates to Map page", async ({ page }) => {
// Target the Name column (has class .fileName) to avoid matching Dependency column
await page
.locator("td.fileName", { hasText: "sample-process.xes" })
.locator("..")
.dblclick();
await expect(page).toHaveURL(/\/discover\/log\/1\/map/);
await expect(page.locator("#cy")).toBeVisible();
});
test("double-click filter file navigates to Map page", async ({
page,
}) => {
await page
.locator("td.fileName", { hasText: "filtered-sample" })
.locator("..")
.dblclick();
await expect(page).toHaveURL(/\/discover\/filter\/10\/map/);
await expect(page.locator("#cy")).toBeVisible();
});
});
test.describe("double-click to enter Discover from file list", () => {
test("double-click log file navigates to Map page", async ({
page,
}) => {
// Find the row with "production-log.csv" (a pure log, no parent ambiguity)
await page
.locator("table tbody tr", { hasText: "production-log.csv" })
.first()
.dblclick();
await expect(page).toHaveURL(/\/discover\/log\/.*\/map/);
await expect(page.locator("#cy")).toBeVisible();
});
});
test.describe("DISCOVER tab filters files", () => {
test("clicking DISCOVER tab shows only Log, Filter, and Rule files", async ({
page,
}) => {
await page.locator(".nav-item", { hasText: "DISCOVER" }).click();
await expect(
page.locator("td.fileName", { hasText: "sample-process.xes" }),
).toBeVisible();
await expect(
page.locator("td.fileName", { hasText: "filtered-sample" }),
).toBeVisible();
await expect(
page.locator("td.fileName", { hasText: "conformance-check-1" }),
).toBeVisible();
});
});
test.describe("Navbar state after entering Discover", () => {
test("shows DISCOVER heading and tabs after entering from Files", async ({
page,
}) => {
await page
.locator("td.fileName", { hasText: "sample-process.xes" })
.locator("..")
.dblclick();
await expect(page).toHaveURL(/\/discover\//);
await expect(
page.locator("#nav_bar", { hasText: "DISCOVER" }),
).toBeVisible();
await expect(
page.locator(".nav-item", { hasText: "MAP" }),
).toBeVisible();
await expect(
page.locator(".nav-item", { hasText: "CONFORMANCE" }),
).toBeVisible();
await expect(
page.locator(".nav-item", { hasText: "PERFORMANCE" }),
).toBeVisible();
});
test("shows back arrow pointing to /files", async ({ page }) => {
await page
.locator("td.fileName", { hasText: "sample-process.xes" })
.locator("..")
.dblclick();
await expect(page).toHaveURL(/\/discover\//);
await expect(
page.locator("#backPage"),
).toHaveAttribute("href", "/files");
});
});
});