Move controls into responsive sidebar drawer

This commit is contained in:
2026-08-05 13:59:12 +02:00
parent 639d9bec75
commit 1963773299
8 changed files with 113 additions and 15 deletions
+10 -5
View File
@@ -27,17 +27,22 @@ test("catalog maker remains usable on a narrow viewport", async ({ page }) => {
await page.setViewportSize({ width: 390, height: 844 });
await page.goto("/");
await expect(page.locator("#sidebarDrawer")).toHaveAttribute("aria-hidden", "true");
await page.locator("#sidebarOpenButton").click();
await expect(page.locator("#findSourcesButton")).toBeVisible();
await expect(page.locator("#settingsButton")).toBeVisible();
await expect(page.locator("#sidebarOverlay")).toBeVisible();
await page.screenshot({ path: "test-results/catalog-maker-mobile.png", fullPage: true });
});
test("parser tools open in a sidebar drawer", async ({ page }) => {
test("left controls open in a responsive sidebar drawer", async ({ page }) => {
await page.goto("/");
await expect(page.locator("#parserDrawer")).toBeVisible();
await page.locator("#parserDrawerToggle").click();
await expect(page.locator("#parserDrawer")).toBeHidden();
await expect(page.locator("#parserDrawerToggle")).toHaveAttribute("aria-expanded", "false");
await expect(page.locator("#sidebarDrawer")).toBeVisible();
await page.locator("#sidebarCloseButton").click();
await expect(page.locator("#sidebarDrawer")).toHaveAttribute("aria-hidden", "true");
await page.locator("#sidebarOpenButton").click();
await expect(page.locator("#sidebarDrawer")).toBeVisible();
await expect(page.locator("#sidebarOverlay")).toBeHidden();
});
test("theme toggle switches and persists dark mode", async ({ page }) => {