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

e2e-tests/cypress/tests/integration/channels/enterprise/guest_accounts/guest_experience_ui_spec.ts

@@ -64,24 +64,27 @@ describe('Guest Account - Guest User Experience', () => {
 
         // * Verify reduced options in Team Menu
         const missingMainOptions = [
-            'Invite People',
-            'Team Settings',
-            'Manage Members',
-            'Join Another Team',
-            'Create a Team',
+            'Invite people',
+            'Team settings',
+            'Manage members',
+            'Join another team',
+            'Create a team',
         ];
         missingMainOptions.forEach((missingOption) => {
             cy.uiGetLHSTeamMenu().should('not.contain', missingOption);
         });
 
         const includeMainOptions = [
-            'View Members',
-            'Leave Team',
+            'View members',
+            'Leave team',
         ];
         includeMainOptions.forEach((includeOption) => {
             cy.uiGetLHSTeamMenu().findByText(includeOption);
         });
 
+        // # Close the main menu
+        cy.get('body').type('{esc}');
+
         // * Verify Reduced Options in LHS
         cy.uiGetLHSAddChannelButton().should('not.exist');
 
@@ -120,7 +123,7 @@ describe('Guest Account - Guest User Experience', () => {
         cy.uiGetLhsSection('CHANNELS').find('.SidebarChannel').should('have.length', 3);
 
         // * Verify list of Users a Guest User can see in Team Members dialog
-        cy.uiOpenTeamMenu('View Members');
+        cy.uiOpenTeamMenu('View members');
         cy.get('#searchableUserListTotal').should('be.visible').and('have.text', '1 - 2 members of 2 total');
     });
 
@@ -136,17 +139,18 @@ describe('Guest Account - Guest User Experience', () => {
         // * Verify options in team menu are changed
         cy.uiOpenTeamMenu();
         const includeOptions = [
-            'Invite People',
-            'View Members',
-            'Leave Team',
-            'Create a Team',
+            'Invite people',
+            'View members',
+            'Leave team',
+            'Create a team',
         ];
         includeOptions.forEach((option) => {
             cy.uiGetLHSTeamMenu().findByText(option);
         });
 
-        // # Close the main menu
-        cy.uiGetLHSHeader().click();
+        // Close the main menu with Escape key
+        cy.get('body').type('{esc}');
+        cy.uiGetLHSTeamMenu().should('not.exist');
 
         // * Verify Options in LHS are changed
         cy.uiGetLHSAddChannelButton();

e2e-tests/cypress/tests/integration/channels/enterprise/guest_accounts/guest_identification_spec.ts

@@ -101,7 +101,7 @@ describe('Guest Accounts', () => {
         cy.visit(`/${testTeam.name}/channels/town-square`);
 
         // # Open team menu, click Invite People, then invite guest
-        cy.uiOpenTeamMenu('Invite People');
+        cy.uiOpenTeamMenu('Invite people');
         cy.findByTestId('inviteGuestLink').click();
 
         // # Type guest user e-mail address.

e2e-tests/cypress/tests/integration/channels/enterprise/guest_accounts/guest_identification_ui_spec.ts

@@ -68,7 +68,7 @@ describe('Verify Guest User Identification in different screens', () => {
 
     it('Verify Guest Badge in Team Members dialog', () => {
         // # Open team menu and click 'View Members'
-        cy.uiOpenTeamMenu('View Members');
+        cy.uiOpenTeamMenu('View members');
 
         cy.get('#teamMembersModal').should('be.visible').within(($el) => {
             cy.wrap($el).findAllByTestId('userListItemDetails').each(($elChild) => {

e2e-tests/cypress/tests/integration/channels/enterprise/guest_accounts/guest_invitation_ui_spec.ts

@@ -53,7 +53,7 @@ describe('Guest Account - Guest User Invitation Flow', () => {
 
     it('MM-T4451 Verify UI Elements of Guest User Invitation Flow', () => {
         // # Open team menu and click 'Invite People'
-        cy.uiOpenTeamMenu('Invite People');
+        cy.uiOpenTeamMenu('Invite people');
 
         // * Verify Invite Guest link
         cy.findByTestId('inviteGuestLink').should('be.visible').click();
@@ -117,7 +117,7 @@ describe('Guest Account - Guest User Invitation Flow', () => {
         cy.visit(`/${testTeam.name}/channels/town-square`);
 
         // # Open team menu and click 'Invite People'
-        cy.uiOpenTeamMenu('Invite People');
+        cy.uiOpenTeamMenu('Invite people');
 
         // * Verify if Invite Members modal is displayed when guest account feature is disabled
         cy.findByTestId('invitationModal').find('h1').should('have.text', `Invite people to ${testTeam.display_name}`);
@@ -164,7 +164,7 @@ describe('Guest Account - Guest User Invitation Flow', () => {
         cy.apiDemoteUserToGuest(newUser.id);
 
         // # 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();
@@ -226,7 +226,7 @@ describe('Guest Account - Guest User Invitation Flow', () => {
 
     it('hides the copy link button when inviting guests', () => {
         // # Open team menu and click 'Invite People'
-        cy.uiOpenTeamMenu('Invite People');
+        cy.uiOpenTeamMenu('Invite people');
 
         // # Select Guest
         cy.findByTestId('inviteGuestLink').should('be.visible').click();

e2e-tests/cypress/tests/integration/channels/enterprise/guest_accounts/helpers.ts

@@ -16,7 +16,7 @@ export function changeGuestFeatureSettings(featureFlag = true, emailInvitation =
 
 export function invitePeople(typeText: string, resultsCount: number, verifyText: string, channelName = 'Town Square', clickInvite = true) {
     // # Open team menu and click 'Invite People'
-    cy.uiOpenTeamMenu('Invite People');
+    cy.uiOpenTeamMenu('Invite people');
 
     // # Click on the next icon to invite guest
     cy.findByTestId('inviteGuestLink').click();

e2e-tests/cypress/tests/integration/channels/enterprise/guest_accounts/member_invitation_ui_spec.ts

@@ -52,7 +52,7 @@ describe('Guest Account - Member Invitation Flow', () => {
         const email = `temp-${getRandomId()}@mattermost.com`;
 
         // # Open team menu and click 'Invite People'
-        cy.uiOpenTeamMenu('Invite People');
+        cy.uiOpenTeamMenu('Invite people');
 
         // * Verify UI Elements in initial step
         cy.findByTestId('invitationModal').within(() => {
@@ -251,7 +251,7 @@ describe('Guest Account - Member Invitation Flow', () => {
 
 function invitePeople(typeText, resultsCount, verifyText, clickInvite = true) {
     // # Open team menu and click 'Invite People'
-    cy.uiOpenTeamMenu('Invite People');
+    cy.uiOpenTeamMenu('Invite people');
 
     // # Search and add a member
     cy.get('.users-emails-input__control').should('be.visible').within(() => {

e2e-tests/cypress/tests/integration/channels/enterprise/guest_accounts/system_console_guest_access_ui_spec.ts

@@ -103,7 +103,7 @@ describe('Guest Account - Verify Guest Access UI', () => {
         });
 
         // # Open team menu and click 'Invite People'
-        cy.uiOpenTeamMenu('Invite People');
+        cy.uiOpenTeamMenu('Invite people');
 
         // * Verify that an option to Invite via Guest should not be available
         cy.findByTestId('inviteGuestLink').should('not.exist');