[MM-55277] Team's menu doesn't follow standard accessible keyboard behavior (#29917)

e2e-tests/cypress/tests/integration/channels/enterprise/accessibility/accessibility_input_fields_spec.ts

@@ -36,7 +36,7 @@ describe('Verify Accessibility Support in different input fields', () => {
 
     it('MM-T1456 Verify Accessibility Support in Input fields in Invite People Flow', () => {
         // # Open team menu and click 'Invite People'
-        cy.uiOpenTeamMenu('Invite People');
+        cy.uiOpenTeamMenu('Invite people');
 
         // # Click invite members if needed
         cy.get('.InviteAs').findByTestId('inviteMembersLink').click();

e2e-tests/cypress/tests/integration/channels/enterprise/accessibility/accessibility_modals_dialogs_1_spec.ts

@@ -47,7 +47,7 @@ describe('Verify Accessibility Support in Modals & Dialogs', () => {
         verifyUserMenuModal('Profile');
 
         // * Verify the accessibility support in Team Settings Dialog
-        verifyMainMenuModal('Team Settings');
+        verifyMainMenuModal('Team settings');
 
         // * Verify the accessibility support in Manage Members Dialog
         verifyMainMenuModal('Manage Members', `${testTeam.display_name} Members`);
@@ -72,7 +72,7 @@ describe('Verify Accessibility Support in Modals & Dialogs', () => {
 
         // # Open Channel Members Dialog
         cy.get('#channelHeaderTitle').click();
-        cy.findByText('Manage Members').click().wait(TIMEOUTS.FIVE_SEC);
+        cy.findByText('Manage members').click().wait(TIMEOUTS.FIVE_SEC);
 
         // * Verify the accessibility support in Manage Members Dialog
         cy.findByRole('dialog', {name: 'Off-Topic Members'}).within(() => {

e2e-tests/cypress/tests/integration/channels/enterprise/accessibility/accessibility_modals_dialogs_spec.ts

@@ -44,7 +44,7 @@ describe('Verify Accessibility Support in Modals & Dialogs', () => {
         cy.visit(`/${testTeam.name}/channels/town-square`);
     });
 
-    it.skip('MM-T1466 Accessibility Support in Direct Messages Dialog screen', () => {
+    it('MM-T1466 Accessibility Support in Direct Messages Dialog screen', () => {
         // * Verify the aria-label in create direct message button
         cy.uiAddDirectMessage().click();
 
@@ -53,11 +53,11 @@ describe('Verify Accessibility Support in Modals & Dialogs', () => {
             cy.findByRole('heading', {name: 'Direct Messages'});
 
             // * Verify the accessibility support in search input
-            cy.findByRole('textbox', {name: 'Search for people'}).
+            cy.findByLabelText('Search for people').
                 should('have.attr', 'aria-autocomplete', 'list');
 
             // # Search for a text and then check up and down arrow
-            cy.findByRole('textbox', {name: 'Search for people'}).
+            cy.findByLabelText('Search for people').
                 typeWithForce('s').
                 wait(TIMEOUTS.HALF_SEC).
                 typeWithForce('{downarrow}{downarrow}{downarrow}{uparrow}');
@@ -80,7 +80,7 @@ describe('Verify Accessibility Support in Modals & Dialogs', () => {
 
             // # Search for an invalid text
             const additionalSearchTerm = 'somethingwhichdoesnotexist';
-            cy.findByRole('textbox', {name: 'Search for people'}).clear().
+            cy.findByLabelText('Search for people').clear().
                 typeWithForce(additionalSearchTerm).
                 wait(TIMEOUTS.HALF_SEC);
 
@@ -137,7 +137,7 @@ describe('Verify Accessibility Support in Modals & Dialogs', () => {
         });
     });
 
-    it.skip('MM-T1468 Accessibility Support in Add people to Channel Dialog screen', () => {
+    it('MM-T1468 Accessibility Support in Add people to Channel Dialog screen', () => {
         // # Add atleast 5 users
         for (let i = 0; i < 5; i++) {
             cy.apiCreateUser().then(({user}) => { // eslint-disable-line
@@ -159,11 +159,11 @@ describe('Verify Accessibility Support in Modals & Dialogs', () => {
             cy.wait(TIMEOUTS.ONE_SEC);
 
             // * Verify the accessibility support in search input
-            cy.findByRole('textbox', {name: 'Search for people or groups'}).
+            cy.findByLabelText('Search for people or groups').
                 should('have.attr', 'aria-autocomplete', 'list');
 
             // # Search for a text and then check up and down arrow
-            cy.findByRole('textbox', {name: 'Search for people or groups'}).
+            cy.findByLabelText('Search for people or groups').
                 wait(TIMEOUTS.HALF_SEC).
                 typeWithForce('u').
                 wait(TIMEOUTS.HALF_SEC).
@@ -189,7 +189,7 @@ describe('Verify Accessibility Support in Modals & Dialogs', () => {
                 });
 
             // # Search for an invalid text and check if reader can read no results
-            cy.findByRole('textbox', {name: 'Search for people or groups'}).
+            cy.findByLabelText('Search for people or groups').
                 typeWithForce('somethingwhichdoesnotexist').
                 wait(TIMEOUTS.HALF_SEC);
 
@@ -203,7 +203,7 @@ describe('Verify Accessibility Support in Modals & Dialogs', () => {
     it('MM-T1515 Verify Accessibility Support in Invite People Flow', () => {
         // # Open Invite People
         cy.uiGetLHSHeader().click();
-        cy.get('#invitePeople').should('be.visible').click();
+        cy.get("#sidebarTeamMenu li:contains('Invite people')").should('be.visible').click();
 
         // * Verify accessibility support in Invite People Dialog
         cy.findByTestId('invitationModal').should('have.attr', 'aria-modal', 'true').and('have.attr', 'aria-labelledby', 'invitation_modal_title').and('have.attr', 'role', 'dialog');