Fix tests

mongodb · Oct 11, 2024 · 4733052 · 4733052
1 parent f10ec12
commit 4733052
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/packages/combobox/src/Combobox/Combobox.spec.tsx b/packages/combobox/src/Combobox/Combobox.spec.tsx
@@ -823,7 +823,7 @@ describe('packages/combobox', () => {
           if (select === 'multiple') {
             expect(queryAllChips()).toHaveLength(0);
           } else {
-            expect(inputEl).toHaveValue('');
+            await waitFor(() => expect(inputEl).toHaveValue(''));
           }
         });
       });

diff --git a/packages/menu/src/Menu.spec.tsx b/packages/menu/src/Menu.spec.tsx
@@ -338,14 +338,17 @@ describe('packages/menu', () => {
         test('highlights the previous option in the menu', async () => {
           const { openMenu } = renderMenu({});
           const { menuItemElements } = await openMenu();
+          await waitFor(() => expect(menuItemElements[0]).toHaveFocus());
 
           userEvent.keyboard('{arrowdown}');
           userEvent.keyboard('{arrowup}');
           expect(menuItemElements[0]).toHaveFocus();
         });
+
         test('cycles highlight to the bottom', async () => {
           const { openMenu } = renderMenu({});
           const { menuItemElements } = await openMenu();
+          await waitFor(() => expect(menuItemElements[0]).toHaveFocus());
 
           const lastOption = menuItemElements[menuItemElements.length - 1];
           userEvent.keyboard('{arrowup}');

diff --git a/packages/split-button/src/SplitButton/SplitButton.spec.tsx b/packages/split-button/src/SplitButton/SplitButton.spec.tsx
@@ -351,14 +351,17 @@ describe('packages/split-button', () => {
         test('highlights the previous option in the menu', async () => {
           const { openMenu } = renderSplitButton({ menuItems });
           const { menuEl, menuItemElements } = await openMenu();
+          await waitFor(() => expect(menuItemElements[0]).toHaveFocus());
 
           userEvent.type(menuEl!, '{arrowdown}');
           userEvent.type(menuEl!, '{arrowup}');
           expect(menuItemElements[0]).toHaveFocus();
         });
+
         test('cycles highlight to the bottom', async () => {
           const { openMenu } = renderSplitButton({ menuItems });
           const { menuEl, menuItemElements } = await openMenu();
+          await waitFor(() => expect(menuItemElements[0]).toHaveFocus());
 
           const lastOption = menuItemElements[menuItemElements.length - 1];
           userEvent.type(menuEl!, '{arrowup}');