From 53065f9437cb1b698f0995da7690430b93a03191 Mon Sep 17 00:00:00 2001 From: Will Hunt Date: Mon, 10 Mar 2025 09:12:38 +0000 Subject: [PATCH] Add E2E test for quick settings dialog (#29441) * Update quick settings menu to use a11y roles. * Add e2e test to test quick menu rendering * Use a testid for now. * lint lint * Revert aria changes * revert managed * write screenshot --- .../e2e/settings/quick-settings-menu.spec.ts | 18 ++++++++++++++++++ .../quick-settings-linux.png | Bin 0 -> 16542 bytes .../views/spaces/QuickSettingsButton.tsx | 2 ++ 3 files changed, 20 insertions(+) create mode 100644 playwright/e2e/settings/quick-settings-menu.spec.ts create mode 100644 playwright/snapshots/settings/quick-settings-menu.spec.ts/quick-settings-linux.png 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 0000000000000000000000000000000000000000..135c669fb028816b4d57d3b6b5f4ce7c3041ee5e GIT binary patch literal 16542 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 R47e9aPD)v_T--S5{{T#)Dd+$I literal 0 HcmV?d00001 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}