Increase test coverage for /modules/ui (#3314)

* Increase test coverage for `/modules/ui`

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: FellipeMTX <fellipefacdir@gmail.com>
Co-authored-by: Fellipe Montes <102544529+FellipeMTX@users.noreply.github.com>

* Merge main

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: FellipeMTX <fellipefacdir@gmail.com>
Co-authored-by: Fellipe Montes <102544529+FellipeMTX@users.noreply.github.com>

* Fix tests

* Fix tests

* Fix

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: FellipeMTX <fellipefacdir@gmail.com>
Co-authored-by: Fellipe Montes <102544529+FellipeMTX@users.noreply.github.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/modules/ui/layout/dropdown/hooks/__tests__/useDropdown.test.tsx

@@ -0,0 +1,68 @@
+import { act } from 'react-dom/test-utils';
+import { expect } from '@storybook/test';
+import { renderHook } from '@testing-library/react';
+import { RecoilRoot } from 'recoil';
+
+import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown';
+
+const dropdownId = 'test-dropdown-id';
+
+const Wrapper = ({ children }: { children: React.ReactNode }) => {
+  return <RecoilRoot>{children}</RecoilRoot>;
+};
+
+describe('useDropdown', () => {
+  it('should toggleDropdown', async () => {
+    const { result } = renderHook(() => useDropdown(dropdownId), {
+      wrapper: Wrapper,
+    });
+
+    expect(result.current.isDropdownOpen).toBe(false);
+
+    act(() => {
+      result.current.toggleDropdown();
+    });
+
+    expect(result.current.isDropdownOpen).toBe(true);
+
+    act(() => {
+      result.current.toggleDropdown();
+    });
+
+    expect(result.current.isDropdownOpen).toBe(false);
+  });
+
+  it('should open and close dropdown', async () => {
+    const { result } = renderHook(() => useDropdown(dropdownId), {
+      wrapper: Wrapper,
+    });
+
+    expect(result.current.isDropdownOpen).toBe(false);
+
+    act(() => {
+      result.current.openDropdown();
+    });
+
+    expect(result.current.isDropdownOpen).toBe(true);
+
+    act(() => {
+      result.current.closeDropdown();
+    });
+
+    expect(result.current.isDropdownOpen).toBe(false);
+  });
+
+  it('should change dropdownWidth', async () => {
+    const { result } = renderHook(() => useDropdown(dropdownId), {
+      wrapper: Wrapper,
+    });
+
+    expect(result.current.dropdownWidth).toBe(160);
+
+    await act(async () => {
+      result.current.setDropdownWidth(220);
+    });
+
+    expect(result.current.dropdownWidth).toEqual(220);
+  });
+});

packages/twenty-front/src/modules/ui/layout/dropdown/hooks/__tests__/useInternalHotkeyScopeManagement.test.tsx

@@ -0,0 +1,47 @@
+import { expect } from '@storybook/test';
+import { renderHook } from '@testing-library/react';
+import { RecoilRoot, useRecoilValue } from 'recoil';
+
+import { useDropdownStates } from '@/ui/layout/dropdown/hooks/internal/useDropdownStates';
+import { useInternalHotkeyScopeManagement } from '@/ui/layout/dropdown/hooks/useInternalHotkeyScopeManagement';
+import { HotkeyScope } from '@/ui/utilities/hotkey/types/HotkeyScope';
+
+const dropdownScopeId = 'test-dropdown-id-scope';
+
+const Wrapper = ({ children }: { children: React.ReactNode }) => {
+  return <RecoilRoot>{children}</RecoilRoot>;
+};
+
+describe('useInternalHotkeyScopeManagement', () => {
+  it('should update dropdownHotkeyScope', async () => {
+    const { result, rerender } = renderHook(
+      ({
+        dropdownHotkeyScopeFromParent,
+      }: {
+        dropdownHotkeyScopeFromParent?: HotkeyScope;
+      }) => {
+        useInternalHotkeyScopeManagement({
+          dropdownScopeId,
+          dropdownHotkeyScopeFromParent,
+        });
+        const { dropdownHotkeyScopeState } = useDropdownStates({
+          dropdownScopeId,
+        });
+        const dropdownHotkeyScope = useRecoilValue(dropdownHotkeyScopeState);
+        return { dropdownHotkeyScope };
+      },
+      {
+        wrapper: Wrapper,
+        initialProps: {},
+      },
+    );
+
+    expect(result.current.dropdownHotkeyScope).toBeNull();
+
+    const scopeFromParent = { scope: 'customScope' };
+
+    rerender({ dropdownHotkeyScopeFromParent: scopeFromParent });
+
+    expect(result.current.dropdownHotkeyScope).toEqual(scopeFromParent);
+  });
+});