Move controls into responsive sidebar drawer
This commit is contained in:
@@ -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 }) => {
|
||||
|
||||
Reference in New Issue
Block a user