Test coverage: menu-expander

Author: RoyEJohnson

test/src/layouts/default/default.test.tsx

@@ -21,6 +21,8 @@ import MemoryRouter from '../../../helpers/future-memory-router';
 import {Link} from 'react-router-dom';
 import * as UUC from '~/contexts/user';
 import LoginMenu from '~/layouts/default/header/menus/main-menu/login-menu/login-menu-with-dropdown';
+import MenuExpander from '~/layouts/default/header/menus/menu-expander/menu-expander';
+import {DropdownContextProvider} from '~/layouts/default/header/menus/dropdown-context';
 import '@testing-library/jest-dom';
 
 // Mock external dependencies
@@ -360,11 +362,23 @@ describe('default layout', () => {
             }
         };
 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         jest.spyOn(UUC, 'default').mockReturnValue({userModel: {id: 16249}, myOpenStaxUser} as any);
         render(<MemoryRouter initialEntries={['/webinars']}>
             <LoginMenu />
-            <Link to="/kinetic">Change route</Link>
         </MemoryRouter>);
         await screen.findByText('Account Dashboard');
     });
+    it('closes mobile menu on location change', () => {
+        const toggleActive = jest.fn();
+
+        render(<DropdownContextProvider>
+            <MemoryRouter initialEntries={['/webinars']}>
+                <MenuExpander active={true} toggleActive={toggleActive} />
+                <Link to="/kinetic">Change route</Link>
+            </MemoryRouter>
+        </DropdownContextProvider>);
+        fireEvent.click(screen.getByText('Change route'));
+        expect(toggleActive).toHaveBeenCalledWith(false);
+    });
 });