mirror of
https://github.com/getpaseo/paseo.git
synced 2026-10-30 05:02:58 +00:00
Mohamed Boudra
55a7590952
Order ordinary sidebar workspaces by Created or Last prompt, preserve project and pin ordering, and keep later active or unacknowledged work visible beyond the first seven rows. Preserve reveal state through live updates and verify sorting, visibility, compatibility, and rendering behavior.
63 lines
2.4 KiB
TypeScript
63 lines
2.4 KiB
TypeScript
import { expect, test, type Page } from "../support/fixtures";
|
|
import { gotoAppShell } from "../support/helpers/app";
|
|
import { projectEquivalenceViewKey } from "../support/helpers/project-view-key";
|
|
import { seedWorkspace } from "../support/helpers/seed-client";
|
|
import { getServerId } from "../support/helpers/server-id";
|
|
import { waitForSidebarHydration } from "../support/helpers/workspace-ui";
|
|
|
|
test.use({ viewport: { width: 390, height: 844 }, isMobile: true, hasTouch: true });
|
|
|
|
async function closeMenuSheet(page: Page): Promise<void> {
|
|
const backdrop = page.getByRole("button", { name: "Bottom sheet backdrop" }).first();
|
|
await backdrop.click({ position: { x: 12, y: 12 } });
|
|
await expect(backdrop).not.toBeVisible({ timeout: 10_000 });
|
|
}
|
|
|
|
test("project and workspace kebabs open action sheets on compact layouts", async ({ page }) => {
|
|
const seeded = await seedWorkspace({ repoPrefix: "sidebar-mobile-menu-sheet-" });
|
|
const secondProject = await seedWorkspace({ repoPrefix: "sidebar-mobile-menu-filter-" });
|
|
|
|
try {
|
|
await gotoAppShell(page);
|
|
await page.getByRole("button", { name: "Open menu", exact: true }).click();
|
|
await waitForSidebarHydration(page);
|
|
|
|
await page.getByTestId("sidebar-display-preferences-menu").click();
|
|
await expect(page.getByRole("menuitem")).toHaveText([
|
|
/^Grouping/,
|
|
/^Sort/,
|
|
/^Title/,
|
|
"Show",
|
|
"Project",
|
|
"Show background",
|
|
]);
|
|
await closeMenuSheet(page);
|
|
|
|
await page
|
|
.getByTestId(`sidebar-project-kebab-${projectEquivalenceViewKey(seeded.projectKey)}`)
|
|
.click();
|
|
|
|
await expect(page.getByRole("button", { name: "Bottom sheet backdrop" }).first()).toBeVisible({
|
|
timeout: 10_000,
|
|
});
|
|
await expect(page.getByText("Project actions", { exact: true })).toBeVisible();
|
|
await closeMenuSheet(page);
|
|
|
|
const workspaceRow = page.getByTestId(
|
|
`sidebar-workspace-row-${getServerId()}:${seeded.workspaceId}`,
|
|
);
|
|
await workspaceRow.hover();
|
|
await workspaceRow
|
|
.getByTestId(`sidebar-workspace-kebab-${getServerId()}:${seeded.workspaceId}`)
|
|
.click();
|
|
|
|
await expect(page.getByRole("button", { name: "Bottom sheet backdrop" }).first()).toBeVisible({
|
|
timeout: 10_000,
|
|
});
|
|
await expect(page.getByText("Workspace actions", { exact: true })).toBeVisible();
|
|
} finally {
|
|
await secondProject.cleanup();
|
|
await seeded.cleanup();
|
|
}
|
|
});
|