[MA-27]: Fix E2E tests

Author: SaurabhSharma-884

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

@@ -157,8 +157,7 @@ describe('Verify Accessibility Support in Post', () => {
         postMessages(testChannel, otherUser, 1);
 
         // # Shift focus to the last post
-        cy.get('#FormattingControl_bold').focus().tab({shift: true}).tab({shift: true}).type('{uparrow}{downarrow}');
-        cy.focused().tab();
+        cy.get('#FormattingControl_bold').focus().tab({shift: true}).tab({shift: true}).tab({shift: true}).tab({shift: true});
 
         cy.getLastPostId().then((postId) => {
             cy.get(`#post_${postId}`).within(() => {
@@ -230,36 +229,32 @@ describe('Verify Accessibility Support in Post', () => {
         // * Verify reverse tab on RHS
         cy.getLastPostId().then((postId) => {
             cy.get(`#rhsPost_${postId}`).within(() => {
-                // * Verify focus is on the post text
-                cy.get(`#rhsPostMessageText_${postId}`).should('be.focused');
-                cy.focused().tab({shift: true});
-
-                // * Verify focus is on the more button
-                cy.get(`#RHS_COMMENT_button_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'more');
+                // * Verify focus is on the time
+                cy.get(`#RHS_COMMENT_time_${postId}`).should('be.focused');
                 cy.focused().tab({shift: true});
 
-                // * Verify focus is on the 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 username
+                cy.get('button.user-popover').should('be.focused');
+                cy.focused().tab().tab();
 
-                // * 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});
+                // * Verify focus is on most recent action
+                cy.get('#recent_reaction_0').should('have.class', 'emoticon--post-menu').and('have.attr', 'aria-label');
+                cy.focused().tab();
 
                 // * Verify focus is on the reactions button
                 cy.get(`#RHS_COMMENT_reaction_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'Add Reaction');
-                cy.focused().tab({shift: true});
+                cy.focused().tab();
 
-                // * Verify focus is on most recent action
-                cy.get('#recent_reaction_0').should('have.class', 'emoticon--post-menu').and('have.attr', 'aria-label');
-                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();
 
-                // * Verify focus is on the time
-                cy.get(`#RHS_COMMENT_time_${postId}`).should('be.focused');
-                cy.focused().tab({shift: true});
+                // * Verify focus is on the actions button
+                cy.get(`#RHS_COMMENT_actions_button_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'actions');
+                cy.focused().tab();
 
-                // * Verify focus is on the username
-                cy.get('button.user-popover').should('be.focused');
+                // * Verify focus is on the more button
+                cy.get(`#RHS_COMMENT_button_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'more');
                 cy.focused().tab({shift: true});
             });
         });

e2e-tests/cypress/tests/integration/channels/mark_as_unread/archive_channel_mark_as_unread_spec.js

@@ -75,12 +75,6 @@ describe('Channels', () => {
         // * Verify the "Mark as Unread" option is absent in post menu
         markAsUnreadShouldBeAbsent(post1.id);
 
-        // * Hover on the post with holding alt should show cursor
-        cy.get(`#post_${post1.id}`).trigger('mouseover').type('{alt}', {release: false}).should(notShowCursor);
-
-        // # Mouse click on the post holding alt
-        cy.get(`#post_${post1.id}`).type('{alt}', {release: false}).click();
-
         // * Verify the post is not marked as unread
         cy.get('.NotificationSeparator').should('not.exist');
     });

e2e-tests/cypress/tests/integration/channels/mark_as_unread/mark_as_unread_using_shortcuts_spec.js

@@ -61,8 +61,8 @@ describe('Mark as Unread', () => {
         // * Hover on the post with holding alt should show cursor
         cy.get(`#post_${post2.id}`).trigger('mouseover').type('{alt}', {release: false}).should(showCursor);
 
-        // # Mouse click on the post holding alt
-        cy.get(`#post_${post2.id}`).type('{alt}', {release: false}).click();
+        // # Mouse click on the post
+        cy.get(`#post_${post2.id}`).click();
 
         // * Verify the post is marked as unread
         verifyPostNextToNewMessageSeparator('post2');

e2e-tests/cypress/tests/integration/channels/messaging/message_reaction_gm_spec.js

@@ -64,10 +64,15 @@ describe('Emoji reactions to posts/messages in GM channels', () => {
             cy.findByLabelText('Add a reaction').should('not.be.visible');
 
             // # Focus on the post since we can't hover with Cypress
-            cy.get(`#post_${postId}`).focus().tab().tab();
+            // cy.get(`#post_${postId}`).focus().tab().tab();
 
-            // * Verify that the Add Reaction button is now visible
-            cy.findByLabelText('Add a reaction').should('be.visible');
+            cy.get(`#post_${postId}`).within(() => {
+                // * Verify focus is on profile image
+                cy.get('.status-wrapper button').focus().tab();
+
+                // * Verify that the Add Reaction button is now visible
+                cy.findByLabelText('Add a reaction').should('be.visible');
+            });
 
             // # Click somewhere to clear the focus
             cy.get('#channelIntro').click();