feat: refactor tests

Author: vladislavkeblysh

src/learning-header/AuthenticatedUserDropdown.test.jsx

@@ -62,4 +62,56 @@ describe('AuthenticatedUserDropdown', () => {
     expect(screen.getByText('Order History')).toHaveAttribute('href', configMock.ORDER_HISTORY_URL);
     expect(screen.getByText('Sign Out')).toHaveAttribute('href', configMock.LOGOUT_URL);
   });
+
+  it('loops focus from last to first and vice versa with Tab and Shift+Tab', async () => {
+    renderComponent();
+
+    const toggleButton = screen.getByRole('button', { name: 'User Options' });
+    await fireEvent.click(toggleButton);
+
+    const menuItems = await screen.findAllByRole('menuitem');
+    const firstItem = menuItems[0];
+    const lastItem = menuItems[menuItems.length - 1];
+
+    // Loop forward from last to first
+    lastItem.focus();
+    expect(lastItem).toHaveFocus();
+
+    fireEvent.keyDown(lastItem, { key: 'Tab' });
+    expect(firstItem).toHaveFocus();
+
+    // Loop backward from first to last
+    firstItem.focus();
+    expect(firstItem).toHaveFocus();
+
+    fireEvent.keyDown(firstItem, { key: 'Tab', shiftKey: true });
+    expect(lastItem).toHaveFocus();
+  });
+
+  it('focuses next link when Tab is pressed on middle item', async () => {
+    renderComponent();
+
+    const toggleButton = screen.getByRole('button', { name: 'User Options' });
+    await fireEvent.click(toggleButton);
+
+    const menuItems = await screen.findAllByRole('menuitem');
+    const secondItem = menuItems[1];
+    const thirdItem = menuItems[2];
+
+    secondItem.focus();
+    expect(secondItem).toHaveFocus();
+
+    Object.defineProperty(secondItem, 'nextElementSibling', {
+      value: thirdItem,
+      configurable: true,
+    });
+    Object.defineProperty(thirdItem, 'tagName', {
+      value: 'A',
+      configurable: true,
+    });
+
+    fireEvent.keyDown(secondItem, { key: 'Tab' });
+
+    expect(thirdItem).toHaveFocus();
+  });
 });