snapshot of https://github.com/mattermost/mattermost.git (master, 2026-09-16; blobs > 131072B omitted)

e2e-tests/playwright/specs/accessibility/channels/invite_people_dialog.spec.ts

@@ -0,0 +1,119 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, test} from '@mattermost/playwright-lib';
+
+/**
+ * @objective Verify accessibility support in Invite People Flow
+ */
+test(
+    'MM-T1515 Verify Accessibility Support in Invite People Flow',
+    {tag: ['@accessibility', '@invite_people']},
+    async ({pw}) => {
+        // # Skip test if no license
+        await pw.skipIfNoLicense();
+
+        // # Initialize setup
+        const {team, adminUser} = await pw.initSetup();
+
+        // # Log in as admin
+        const {page, channelsPage} = await pw.testBrowser.login(adminUser);
+
+        // # Visit town-square channel
+        await channelsPage.goto(team.name, 'town-square');
+        await channelsPage.toBeVisible();
+
+        // # Open team menu and click Invite people
+        await channelsPage.sidebarLeft.teamMenuButton.click();
+        await channelsPage.teamMenu.toBeVisible();
+
+        const invitePeopleMenuItem = page.locator("#sidebarTeamMenu li:has-text('Invite people')");
+        await invitePeopleMenuItem.click();
+
+        // * Verify the Invite People modal has proper accessibility attributes
+        const inviteModal = page.getByTestId('invitationModal');
+        await expect(inviteModal).toBeVisible();
+        await expect(inviteModal).toHaveAttribute('aria-modal', 'true');
+        await expect(inviteModal).toHaveAttribute('aria-labelledby', 'invitation_modal_title');
+        await expect(inviteModal).toHaveAttribute('role', 'dialog');
+
+        // * Verify the modal title is visible and contains correct text
+        const modalTitle = page.locator('#invitation_modal_title');
+        await expect(modalTitle).toBeVisible();
+        await expect(modalTitle).toContainText('Invite people to');
+
+        // # Get the close button and verify accessibility
+        const closeButton = inviteModal.locator('button.icon-close');
+        await expect(closeButton).toHaveAttribute('aria-label', 'Close');
+
+        // # Focus on close button and verify tab navigation works
+        await closeButton.focus();
+        await page.keyboard.press('Shift+Tab');
+        await page.keyboard.press('Tab');
+
+        // * Verify focus returns to close button
+        await expect(closeButton).toBeFocused();
+    },
+);
+
+/**
+ * @objective Verify Invite People dialog passes accessibility scan and matches aria-snapshot
+ */
+test(
+    'accessibility scan and aria-snapshot of Invite People dialog',
+    {tag: ['@accessibility', '@invite_people', '@snapshots']},
+    async ({pw, axe}) => {
+        // # Skip test if no license
+        await pw.skipIfNoLicense();
+
+        // # Initialize setup
+        const {team, user, adminClient} = await pw.initSetup();
+
+        // # Turn off email invitations, which change the invite input's placeholder from
+        // # "Add members" to "Enter a name or email address" in the snapshot below
+        await adminClient.patchConfig({ServiceSettings: {EnableEmailInvitations: false}});
+
+        // # Log in as user
+        const {page, channelsPage} = await pw.testBrowser.login(user);
+
+        // # Visit town-square channel
+        await channelsPage.goto(team.name, 'town-square');
+        await channelsPage.toBeVisible();
+
+        // # Open team menu and click Invite people
+        await channelsPage.sidebarLeft.teamMenuButton.click();
+        await channelsPage.teamMenu.toBeVisible();
+
+        const invitePeopleMenuItem = page.locator("#sidebarTeamMenu li:has-text('Invite people')");
+        await invitePeopleMenuItem.click();
+
+        // * Verify the Invite People modal is visible
+        const inviteModal = page.getByTestId('invitationModal');
+        await expect(inviteModal).toBeVisible();
+        await pw.wait(pw.duration.one_sec);
+
+        // * Verify aria snapshot of Invite People dialog (key structural elements only)
+        await expect(inviteModal).toMatchAriaSnapshot(`
+            - dialog:
+              - document:
+                - heading [level=1]
+                - button
+                - text: "To:"
+                - log
+                - text: Add members
+                - combobox "Invite People"
+                - listbox
+                - button
+                - button "Invite" [disabled]
+        `);
+
+        // * Analyze the Invite People dialog for accessibility issues
+        const accessibilityScanResults = await axe
+            .builder(page, {disableColorContrast: true})
+            .include('[data-testid="invitationModal"]')
+            .analyze();
+
+        // * Should have no violations
+        expect(accessibilityScanResults.violations).toHaveLength(0);
+    },
+);