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/feedback/snack-bar-manager/hooks/__tests__/usePausableTimeout.test.tsx

@@ -0,0 +1,47 @@
+import { act, renderHook } from '@testing-library/react';
+
+import { usePausableTimeout } from '@/ui/feedback/snack-bar-manager/hooks/usePausableTimeout';
+
+jest.useFakeTimers();
+
+describe('usePausableTimeout', () => {
+  it('should pause and resume timeout', () => {
+    let callbackExecuted = false;
+    const callback = () => {
+      callbackExecuted = true;
+    };
+
+    const { result } = renderHook(() => usePausableTimeout(callback, 1000));
+
+    // timetravel 500ms into the future
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+
+    expect(callbackExecuted).toBe(false);
+
+    act(() => {
+      result.current.pauseTimeout();
+    });
+
+    // timetravel another 500ms into the future
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+
+    // The callback should not have been executed while paused
+    expect(callbackExecuted).toBe(false);
+
+    act(() => {
+      result.current.resumeTimeout();
+    });
+
+    // advance all timers controlled by Jest to their final state
+    act(() => {
+      jest.runAllTimers();
+    });
+
+    // The callback should now have been executed
+    expect(callbackExecuted).toBe(true);
+  });
+});

packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/hooks/internal/__tests__/useSnackBarManagerScopedStates.test.tsx

@@ -0,0 +1,46 @@
+import { act } from 'react-dom/test-utils';
+import { renderHook } from '@testing-library/react';
+import { RecoilRoot } from 'recoil';
+
+import { useSnackBarManagerScopedStates } from '@/ui/feedback/snack-bar-manager/hooks/internal/useSnackBarManagerScopedStates';
+import { SnackBarProviderScope } from '@/ui/feedback/snack-bar-manager/scopes/SnackBarProviderScope';
+import { SnackBarState } from '@/ui/feedback/snack-bar-manager/states/snackBarInternalScopedState';
+
+const snackBarManagerScopeId = 'snack-bar-manager';
+
+const Wrapper = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <RecoilRoot>
+      <SnackBarProviderScope snackBarManagerScopeId={snackBarManagerScopeId}>
+        {children}
+      </SnackBarProviderScope>
+    </RecoilRoot>
+  );
+};
+
+describe('useSnackBarManagerScopedStates', () => {
+  it('should return snackbar state and a function to update the state', async () => {
+    const { result } = renderHook(
+      () =>
+        useSnackBarManagerScopedStates({
+          snackBarManagerScopeId,
+        }),
+      { wrapper: Wrapper },
+    );
+
+    const defaultState = { maxQueue: 3, queue: [] };
+
+    expect(result.current.snackBarInternal).toEqual(defaultState);
+
+    const newSnackBarState: SnackBarState = {
+      maxQueue: 5,
+      queue: [{ id: 'testid', role: 'alert', message: 'TEST MESSAGE' }],
+    };
+
+    act(() => {
+      result.current.setSnackBarInternal(newSnackBarState);
+    });
+
+    expect(result.current.snackBarInternal).toEqual(newSnackBarState);
+  });
+});

packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/states/snackBarInternalScopedState.ts

@@ -6,7 +6,7 @@ export type SnackBarOptions = SnackBarProps & {
   id: string;
 };
 
-type SnackBarState = {
+export type SnackBarState = {
   maxQueue: number;
   queue: SnackBarOptions[];
 };