[MM-57383] User profile popover performance improved and redesigned (#26420)

e2e-tests/cypress/tests/integration/channels/accessibility/accessibility_image_spec.js

@@ -50,15 +50,18 @@ describe('Verify Accessibility Support in Different Images', () => {
         // # Open profile popover
         cy.getLastPostId().then((postId) => {
             cy.get(`#post_${postId}`).within(() => {
-                cy.get('.user-popover').click();
+                cy.get('.status-wrapper').click();
             });
 
             // * Verify image alt in profile popover
-            cy.get('#user-profile-popover').within(() => {
+            cy.get('.user-profile-popover').within(() => {
                 cy.get('.Avatar').should('have.attr', 'alt', `${otherUser.username} profile image`);
             });
         });
 
+        // # Close the profile popover
+        cy.get('body').click();
+
         // # Open Settings > Display > Themes
         cy.uiOpenSettingsModal('Display').within(() => {
             cy.get('#displayButton').click();

e2e-tests/cypress/tests/integration/channels/accessibility/accessibility_post_spec.js

@@ -167,7 +167,7 @@ describe('Verify Accessibility Support in Post', () => {
                 cy.focused().tab();
 
                 // * Verify focus is on the username
-                cy.get('button.user-popover').should('be.focused').and('have.attr', 'aria-label', otherUser.username);
+                cy.get('button.user-popover').should('be.focused');
                 cy.focused().tab();
 
                 // * Verify focus is on the time
@@ -188,10 +188,6 @@ describe('Verify Accessibility Support in Post', () => {
                 cy.get(`#CENTER_flagIcon_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'save message');
                 cy.focused().tab();
 
-                // * Verify focus is on message actions button
-                cy.get(`#CENTER_actions_button_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'actions');
-                cy.focused().tab();
-
                 // * Verify focus is on the comment button
                 cy.get(`#CENTER_commentIcon_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'reply');
                 cy.focused().tab();
@@ -238,10 +234,6 @@ describe('Verify Accessibility Support in Post', () => {
                 cy.get(`#RHS_COMMENT_button_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'more');
                 cy.focused().tab({shift: true});
 
-                // * Verify focus is on message actions button
-                cy.get(`#RHS_COMMENT_actions_button_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'actions');
-                cy.focused().tab({shift: true});
-
                 // * Verify focus is on the save icon
                 cy.get(`#RHS_COMMENT_flagIcon_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'save message');
                 cy.focused().tab({shift: true});
@@ -259,7 +251,7 @@ describe('Verify Accessibility Support in Post', () => {
                 cy.focused().tab({shift: true});
 
                 // * Verify focus is on the username
-                cy.get('button.user-popover').should('be.focused').and('have.attr', 'aria-label', otherUser.username);
+                cy.get('button.user-popover').should('be.focused');
                 cy.focused().tab({shift: true});
             });
         });