Fix test for moving attachment bar above send box

Author: compulim

__tests__/__image_snapshots__/html/on-send-js-with-send-attachment-on-of-send-should-send-attachments-when-the-send-button-is-clicked-1-snap.png

@@ -42,8 +42,8 @@
 
         await waitFor(() => expect(queryAllByTestId(document, testIds.sendBoxAttachmentBarItem)).toHaveLength(1));
 
-        // WHEN: Press TAB key twice to move the focus to the delete button.
-        await host.sendKeys('TAB', 'TAB');
+        // WHEN: Press SHIFT-TAB key twice to move the focus to the delete button.
+        await host.sendShiftTab(2);
 
         // THEN: Should focus on the attachment delete button.
         expect(document.activeElement.getAttribute('data-testid')).toBe(testIds.sendBoxAttachmentBarItemDeleteButton);

__tests__/__image_snapshots__/html/simple-js-with-send-attachment-on-unset-should-send-attachments-when-the-send-button-is-clicked-1-snap.png

@@ -48,11 +48,11 @@
           );
         }
 
-        // WHEN: Press TAB key twice to move the focus to the delete button.
-        await host.sendKeys('TAB', 'TAB');
+        // WHEN: Press SHIFT-TAB key 5 times to move the focus to the delete button of the first attachment.
+        await host.sendShiftTab(5);
 
-        // THEN: Should focus on the attachment delete button of the 4th attachment.
-        expect(document.activeElement.getAttribute('data-testid')).toBe(testIds.sendBoxAttachmentBarItemDeleteButton);
+        // THEN: Should focus on the attachment delete button of the first attachment.
+        expect(document.activeElement).toBe(pageElements.allByTestId(testIds.sendBoxAttachmentBarItemDeleteButton)[0]);
 
         // WHEN: Press SPACEBAR key.
         await host.sendKeys(' ');