Add collapsible multi-column panels
This commit is contained in:
@@ -57,6 +57,22 @@ test("left controls open in a responsive sidebar drawer", async ({ page }) => {
|
||||
await expect(page.locator("#sidebarOverlay")).toBeHidden();
|
||||
});
|
||||
|
||||
test("workspace columns collapse and expand without leaving a gap", async ({ page }) => {
|
||||
await page.goto("/");
|
||||
await page.locator("#sidebarCloseButton").click();
|
||||
await expect(page.locator(".catalog-screen")).toHaveClass(/sidebar-collapsed/);
|
||||
|
||||
await page.locator("#secondaryPanelToggle").click();
|
||||
await expect(page.locator(".catalog-screen")).toHaveClass(/secondary-collapsed/);
|
||||
await page.locator("#mainWorkspaceToggle").click();
|
||||
await expect(page.locator(".catalog-screen")).toHaveClass(/workspace-collapsed/);
|
||||
|
||||
await page.locator("#secondaryPanelToggle").click();
|
||||
await page.locator("#mainWorkspaceToggle").click();
|
||||
await expect(page.locator(".catalog-screen")).not.toHaveClass(/secondary-collapsed/);
|
||||
await expect(page.locator(".catalog-screen")).not.toHaveClass(/workspace-collapsed/);
|
||||
});
|
||||
|
||||
test("theme toggle switches and persists dark mode", async ({ page }) => {
|
||||
await page.goto("/");
|
||||
await page.evaluate(() => localStorage.clear());
|
||||
|
||||
Reference in New Issue
Block a user