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

e2e-tests/cypress/tests/integration/channels/account_settings/profile/account_settings_position_spec.ts

@@ -45,7 +45,7 @@ describe('Profile > Profile Settings > Position', () => {
         cy.get('.profile-icon > img').as('profileIconForPopover').click();
 
         // # Verify that the popover is visible and contains position
-        cy.contains('#user-profile-popover', position).should('be.visible');
+        cy.contains('div.user-profile-popover', position).should('be.visible');
     });
 
     it('MM-T2064 Position / 128 characters', () => {

e2e-tests/cypress/tests/integration/channels/account_settings/profile/fullname_truncate_spec.ts

@@ -60,10 +60,11 @@ describe('Profile > Profile Settings> Full Name', () => {
         cy.getLastPostId().then((postId) => {
             cy.get(`#post_${postId}`).should('be.visible');
             cy.get(`#post_${postId} img`).click();
-            cy.get('#user-profile-popover').should('be.visible');
+            cy.get('div.user-profile-popover').should('be.visible');
+            cy.get('button.closeButtonRelativePosition').click();
 
             // * Popover user name should show truncated to 'This Is a Long Name That Should Tr...'
-            cy.findByTestId(`popover-fullname-${firstUser.username}`).should('have.css', 'text-overflow', 'ellipsis');
+            cy.findByTestId(`popover-fullname-${firstUser.username}`).should('have.css', 'text-overflow', 'clip');
         });
     });
 

e2e-tests/cypress/tests/integration/channels/account_settings/profile/username_spec.ts

@@ -205,7 +205,7 @@ describe('Settings > Sidebar > General > Edit', () => {
             });
 
             // * Verify username in profile popover
-            cy.get('#user-profile-popover').within(() => {
+            cy.get('div.user-profile-popover').within(() => {
                 cy.get('#userPopoverUsername').should('be.visible').and('contain', `${testUser.username}`);
             });
         });
@@ -238,7 +238,7 @@ describe('Settings > Sidebar > General > Edit', () => {
             });
 
             // * Verify that new username is in profile popover
-            cy.get('#user-profile-popover').within(() => {
+            cy.get('div.user-profile-popover').within(() => {
                 cy.get('#userPopoverUsername').should('be.visible').and('contain', `${otherUser.username}-${randomId}`);
             });
         });