diff --git a/apps/web/playwright/e2e/settings/account-user-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/account-user-settings-tab.spec.ts index 07c3a9592d..b3ec952b01 100644 --- a/apps/web/playwright/e2e/settings/account-user-settings-tab.spec.ts +++ b/apps/web/playwright/e2e/settings/account-user-settings-tab.spec.ts @@ -24,7 +24,7 @@ test.describe("Account user settings tab", () => { }, }); - test("should be rendered properly", { tag: "@screenshot" }, async ({ uut, user }) => { + test("should be rendered properly", { tag: "@screenshot" }, async ({ uut, user, axe }) => { await expect(uut).toMatchScreenshot("account.png"); // Assert that the top heading is rendered @@ -70,6 +70,8 @@ test.describe("Account user settings tab", () => { await expect(accountManagementSection.getByRole("button", { name: "Deactivate Account" })).toHaveClass( /mx_AccessibleButton_kind_danger/, ); + + await expect(axe).toHaveNoViolations(); }); test("should respond to small screen sizes", { tag: "@screenshot" }, async ({ page, uut }) => { diff --git a/apps/web/playwright/e2e/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts index c6af256a5d..457c5c17cf 100644 --- a/apps/web/playwright/e2e/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts +++ b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts @@ -13,7 +13,7 @@ test.describe("Appearance user settings tab", () => { displayName: "Hanako", }); - test("should be rendered properly", { tag: "@screenshot" }, async ({ page, user, app }) => { + test("should be rendered properly", { tag: "@screenshot" }, async ({ page, user, app, axe }) => { const tab = await app.settings.openUserSettings("Appearance"); // Click "Show advanced" link button @@ -23,6 +23,8 @@ test.describe("Appearance user settings tab", () => { await expect(tab.getByRole("button", { name: "Hide advanced" })).toBeVisible(); await expect(tab).toMatchScreenshot("appearance-tab.png"); + + await expect(axe).toHaveNoViolations(); }); test( diff --git a/apps/web/playwright/e2e/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts index 8b7cf720c8..cb38f923e9 100644 --- a/apps/web/playwright/e2e/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts +++ b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts @@ -23,7 +23,7 @@ test.describe("Appearance user settings tab", () => { test( "should be rendered with the light theme selected", { tag: "@screenshot" }, - async ({ page, app, util }) => { + async ({ page, app, util, axe }) => { // Assert that 'Match system theme' is not checked await expect(util.getMatchSystemThemeSwitch()).not.toBeChecked(); @@ -34,6 +34,8 @@ test.describe("Appearance user settings tab", () => { await expect(util.getHighContrastTheme()).not.toBeChecked(); await expect(util.getThemePanel()).toMatchScreenshot("theme-panel-light.png"); + + await expect(axe).toHaveNoViolations(); }, ); diff --git a/apps/web/playwright/e2e/settings/device-management.spec.ts b/apps/web/playwright/e2e/settings/device-management.spec.ts index 9f60b2433c..1c5c050176 100644 --- a/apps/web/playwright/e2e/settings/device-management.spec.ts +++ b/apps/web/playwright/e2e/settings/device-management.spec.ts @@ -23,7 +23,7 @@ test.describe("Device manager", () => { } }); - test("should display sessions", async ({ page, app }) => { + test("should display sessions", async ({ page, app, axe }) => { await app.settings.openUserSettings("Sessions"); const tab = page.locator(".mx_SettingsTab"); @@ -96,5 +96,7 @@ test.describe("Device manager", () => { // no other sessions or security recommendations sections when only one session await expect(tab.getByText("Other sessions")).not.toBeVisible(); await expect(tab.getByTestId("security-recommendations-section")).not.toBeVisible(); + + await expect(axe).toHaveNoViolations(); }); }); diff --git a/apps/web/playwright/e2e/settings/encryption-user-tab/advanced.spec.ts b/apps/web/playwright/e2e/settings/encryption-user-tab/advanced.spec.ts index 1d8ae102fd..0167a321b7 100644 --- a/apps/web/playwright/e2e/settings/encryption-user-tab/advanced.spec.ts +++ b/apps/web/playwright/e2e/settings/encryption-user-tab/advanced.spec.ts @@ -16,7 +16,7 @@ test.describe("Advanced section in Encryption tab", () => { await bootstrapCrossSigningForClient(clientHandle, credentials, true); }); - test("should show the encryption details", { tag: "@screenshot" }, async ({ page, app, util }) => { + test("should show the encryption details", { tag: "@screenshot" }, async ({ page, app, util, axe }) => { await util.openEncryptionTab(); const section = util.getEncryptionDetailsSection(); @@ -26,6 +26,8 @@ test.describe("Advanced section in Encryption tab", () => { await expect(section).toMatchScreenshot("encryption-details.png", { mask: [section.getByTestId("deviceId"), section.getByTestId("sessionKey")], }); + + await expect(axe).toHaveNoViolations(); }); test("should show the import room keys dialog", async ({ page, app, util }) => { diff --git a/apps/web/playwright/e2e/settings/general-room-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/general-room-settings-tab.spec.ts index 376412914a..0914c6471a 100644 --- a/apps/web/playwright/e2e/settings/general-room-settings-tab.spec.ts +++ b/apps/web/playwright/e2e/settings/general-room-settings-tab.spec.ts @@ -20,7 +20,7 @@ test.describe("General room settings tab", () => { await app.viewRoomByName(roomName); }); - test("should be rendered properly", { tag: "@screenshot" }, async ({ page, app }) => { + test("should be rendered properly", { tag: "@screenshot" }, async ({ page, app, axe }) => { const settings = await app.settings.openRoomSettings("General"); // Assert that "Show less" details element is rendered @@ -34,6 +34,8 @@ test.describe("General room settings tab", () => { // Assert that "Show more" details element is rendered instead of "Show more" await expect(settings.getByText("Show less")).not.toBeVisible(); await expect(settings.getByText("Show more")).toBeVisible(); + + await expect(axe).toHaveNoViolations(); }); test("long address should not cause dialog to overflow", { tag: "@no-webkit" }, async ({ page, app, user }) => { diff --git a/apps/web/playwright/e2e/settings/preferences-user-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/preferences-user-settings-tab.spec.ts index 8adbc74cc5..5414055534 100644 --- a/apps/web/playwright/e2e/settings/preferences-user-settings-tab.spec.ts +++ b/apps/web/playwright/e2e/settings/preferences-user-settings-tab.spec.ts @@ -25,7 +25,7 @@ test.describe("Preferences user settings tab", () => { labsFlags: ["feature_new_room_list"], }); - test("should be rendered properly", { tag: "@screenshot" }, async ({ app, page, user }) => { + test("should be rendered properly", { tag: "@screenshot" }, async ({ app, page, user, axe }) => { await page.setViewportSize({ width: 1024, height: 4000 }); const tab = await app.settings.openUserSettings("Preferences"); // Assert that the top heading is rendered @@ -39,6 +39,8 @@ test.describe("Preferences user settings tab", () => { } `, }); + + await expect(axe).toHaveNoViolations(); }); test("should be able to change the app language", { tag: ["@no-firefox", "@no-webkit"] }, async ({ uut, user }) => { diff --git a/apps/web/playwright/e2e/settings/quick-settings-menu.spec.ts b/apps/web/playwright/e2e/settings/quick-settings-menu.spec.ts index e58d523c21..37d9adc458 100644 --- a/apps/web/playwright/e2e/settings/quick-settings-menu.spec.ts +++ b/apps/web/playwright/e2e/settings/quick-settings-menu.spec.ts @@ -8,11 +8,13 @@ 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 }) => { + test("should be rendered properly", { tag: "@screenshot" }, async ({ app, page, user, axe }) => { 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"); + + await expect(axe).toHaveNoViolations(); }); }); diff --git a/apps/web/playwright/e2e/settings/room-settings/roles-permissions-room-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/room-settings/roles-permissions-room-settings-tab.spec.ts index e575f71b72..c646e613c4 100644 --- a/apps/web/playwright/e2e/settings/room-settings/roles-permissions-room-settings-tab.spec.ts +++ b/apps/web/playwright/e2e/settings/room-settings/roles-permissions-room-settings-tab.spec.ts @@ -25,7 +25,7 @@ test.describe("Roles & Permissions room settings tab", () => { settings = await app.settings.openRoomSettings("Roles & Permissions"); }); - test("should be able to change the role of a user", async ({ page, app, user }) => { + test("should be able to change the role of a user", async ({ page, app, user, axe }) => { const privilegedUserSection = settings.locator(".mx_SettingsFieldset").first(); const applyButton = privilegedUserSection.getByRole("button", { name: "Apply" }); @@ -55,5 +55,7 @@ test.describe("Roles & Permissions room settings tab", () => { settings = await app.settings.openRoomSettings("Roles & Permissions"); combobox = privilegedUserSection.getByRole("combobox", { name: user.userId }); await expect(combobox).toHaveValue("50"); + + await expect(axe).toHaveNoViolations(); }); }); diff --git a/apps/web/playwright/e2e/settings/security-user-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/security-user-settings-tab.spec.ts index 377cae7495..25f430c68d 100644 --- a/apps/web/playwright/e2e/settings/security-user-settings-tab.spec.ts +++ b/apps/web/playwright/e2e/settings/security-user-settings-tab.spec.ts @@ -32,12 +32,14 @@ test.describe("Security user settings tab", () => { }); test.describe("AnalyticsLearnMoreDialog", () => { - test("should be rendered properly", { tag: "@screenshot" }, async ({ app, page, user }) => { + test("should be rendered properly", { tag: "@screenshot" }, async ({ app, page, user, axe }) => { const tab = await app.settings.openUserSettings("Security"); await tab.getByRole("button", { name: "Learn more" }).click(); await expect(page.locator(".mx_AnalyticsLearnMoreDialog_wrapper .mx_Dialog")).toMatchScreenshot( "Security-user-settings-tab-with-posthog-enable-b5d89-csLearnMoreDialog-should-be-rendered-properly-1.png", ); + + await expect(axe).toHaveNoViolations(); }); });