diff --git a/playwright/e2e/settings/quick-settings-menu.spec.ts b/playwright/e2e/settings/quick-settings-menu.spec.ts new file mode 100644 index 0000000000..e58d523c21 --- /dev/null +++ b/playwright/e2e/settings/quick-settings-menu.spec.ts @@ -0,0 +1,18 @@ +/* +Copyright 2025 New Vector Ltd. + +SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial +Please see LICENSE files in the repository root for full details. +*/ + +import { test, expect } from "../../element-web-test"; + +test.describe("Quick settings menu", () => { + test("should be rendered properly", { tag: "@screenshot" }, async ({ app, page, user }) => { + await page.getByRole("button", { name: "Quick settings" }).click(); + // Assert that the top heading is renderedc + const settings = page.getByTestId("quick-settings-menu"); + await expect(settings).toBeVisible(); + await expect(settings).toMatchScreenshot("quick-settings.png"); + }); +}); diff --git a/playwright/snapshots/settings/quick-settings-menu.spec.ts/quick-settings-linux.png b/playwright/snapshots/settings/quick-settings-menu.spec.ts/quick-settings-linux.png new file mode 100644 index 0000000000..135c669fb0 Binary files /dev/null and b/playwright/snapshots/settings/quick-settings-menu.spec.ts/quick-settings-linux.png differ diff --git a/src/components/views/spaces/QuickSettingsButton.tsx b/src/components/views/spaces/QuickSettingsButton.tsx index 7e365a5c24..12a351b93e 100644 --- a/src/components/views/spaces/QuickSettingsButton.tsx +++ b/src/components/views/spaces/QuickSettingsButton.tsx @@ -51,6 +51,8 @@ const QuickSettingsButton: React.FC<{ wrapperClassName={classNames("mx_QuickSettingsButton_ContextMenuWrapper", { mx_QuickSettingsButton_ContextMenuWrapper_new_room_list: newRoomListEnabled, })} + // Eventually replace with a properly aria-labelled menu + data-testid="quick-settings-menu" onFinished={closeMenu} managed={false} focusLock={true}