78 lines
2.5 KiB
TypeScript
78 lines
2.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("Navigation and Routing", () => {
|
|
test("redirects / to /files when logged in", async ({
|
|
page,
|
|
context,
|
|
}) => {
|
|
await loginWithMSW(context);
|
|
await page.goto("/");
|
|
await expect(page).toHaveURL(/\/files/);
|
|
});
|
|
|
|
test("shows 404 page for unknown routes", async ({ page, context }) => {
|
|
await loginWithMSW(context);
|
|
await page.goto("/nonexistent-page");
|
|
await expect(page.getByText("404")).toBeVisible();
|
|
});
|
|
|
|
test("navbar shows correct view name", async ({ page, context }) => {
|
|
await loginWithMSW(context);
|
|
await page.goto("/files");
|
|
await expect(page.getByText("sample-process.xes").first()).toBeVisible();
|
|
await expect(page.locator("#nav_bar")).toBeVisible();
|
|
await expect(page.locator("#nav_bar h2")).toContainText("FILES");
|
|
});
|
|
|
|
test("navbar shows back arrow on non-files pages", async ({
|
|
page,
|
|
context,
|
|
}) => {
|
|
await loginWithMSW(context);
|
|
await page.goto("/discover/log/1/map");
|
|
// Back arrow should be visible on discover pages
|
|
await expect(page.locator("#backPage")).toBeVisible();
|
|
});
|
|
|
|
test("navbar tabs are clickable on discover page", async ({
|
|
page,
|
|
context,
|
|
}) => {
|
|
await loginWithMSW(context);
|
|
await page.goto("/discover/log/1/map");
|
|
// Discover navbar should show MAP, CONFORMANCE, PERFORMANCE tabs
|
|
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();
|
|
|
|
// Click CONFORMANCE tab
|
|
await page.locator(".nav-item", { hasText: "CONFORMANCE" }).click();
|
|
await expect(page).toHaveURL(/\/conformance/);
|
|
|
|
// Click PERFORMANCE tab
|
|
await page.locator(".nav-item", { hasText: "PERFORMANCE" }).click();
|
|
await expect(page).toHaveURL(/\/performance/);
|
|
|
|
// Click MAP tab to go back
|
|
await page.locator(".nav-item", { hasText: "MAP" }).click();
|
|
await expect(page).toHaveURL(/\/map/);
|
|
});
|
|
|
|
test("login page is accessible at /login", async ({ page }) => {
|
|
await page.goto("/login");
|
|
await expect(page.getByRole("heading", { name: "LOGIN" }).first()).toBeVisible();
|
|
});
|
|
});
|