feat(metadata-view): bulk custom actions

Switch await pattern

Author: jpan-box

src/elements/common/sub-header/__tests__/SubHeaderRight.test.tsx

@@ -140,9 +140,9 @@ describe('elements/common/sub-header/SubHeaderRight', () => {
             );
 
             const ellipsisButton = await screen.findByRole('button', { name: 'Bulk actions' });
-            user.click(ellipsisButton);
+            await user.click(ellipsisButton);
 
-            const downloadAction = await screen.findByRole('menuitem', { name: 'Download' });
+            const downloadAction = screen.getByRole('menuitem', { name: 'Download' });
             await user.click(downloadAction);
 
             const expectedOnClickArgument = 'all';

src/elements/content-explorer/__tests__/ContentExplorer.test.tsx

@@ -526,14 +526,13 @@ describe('elements/content-explorer/ContentExplorer', () => {
                 const firstRow = await screen.findByRole('row', { name: /Child 2/i });
                 expect(firstRow).toBeInTheDocument();
 
-                const checkbox = within(firstRow).getByRole('checkbox');
-                userEvent.click(checkbox);
+                await userEvent.click(within(firstRow).getByRole('checkbox'));
 
-                const ellipsisButton = await screen.findByRole('button', { name: 'Bulk actions' });
-                expect(ellipsisButton).toBeInTheDocument();
-                userEvent.click(ellipsisButton);
+                const bulkActionsButton = screen.getByRole('button', { name: 'Bulk actions' });
+                expect(bulkActionsButton).toBeInTheDocument();
+                await userEvent.click(bulkActionsButton);
 
-                const downloadAction = await screen.findByRole('menuitem', { name: 'Download' });
+                const downloadAction = screen.getByRole('menuitem', { name: 'Download' });
                 expect(downloadAction).toBeInTheDocument();
                 await userEvent.click(downloadAction);