TWNTY-4450 - Add tests for /modules/activities/emails (#4520)

* Add tests for `/modules/activities/emails`

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

* Fix tests

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

* Remove temporary changes

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

packages/twenty-front/src/modules/activities/emails/hooks/__tests__/useEmailThread.test.tsx

@@ -0,0 +1,69 @@
+import { act, renderHook } from '@testing-library/react';
+import { RecoilRoot, useRecoilState, useRecoilValue } from 'recoil';
+
+import { useEmailThread } from '@/activities/emails/hooks/useEmailThread';
+import { viewableEmailThreadIdState } from '@/activities/emails/states/viewableEmailThreadIdState';
+import { isRightDrawerOpenState } from '@/ui/layout/right-drawer/states/isRightDrawerOpenState';
+
+const viewableEmailThreadId = '1234';
+
+describe('useEmailThread', () => {
+  it('should open email thread', () => {
+    const { result } = renderHook(
+      () => {
+        const emailThread = useEmailThread();
+        const isRightDrawerOpen = useRecoilValue(isRightDrawerOpenState());
+        const viewableEmailThreadId = useRecoilValue(
+          viewableEmailThreadIdState(),
+        );
+
+        return { ...emailThread, isRightDrawerOpen, viewableEmailThreadId };
+      },
+      { wrapper: RecoilRoot },
+    );
+
+    expect(result.current.isRightDrawerOpen).toBe(false);
+    expect(result.current.viewableEmailThreadId).toBeNull();
+
+    act(() => {
+      result.current.openEmailThread(viewableEmailThreadId);
+    });
+
+    expect(result.current.isRightDrawerOpen).toBe(true);
+    expect(result.current.viewableEmailThreadId).toBe(viewableEmailThreadId);
+  });
+
+  it('should close email thread', () => {
+    const { result } = renderHook(
+      () => {
+        const emailThread = useEmailThread();
+        const [isRightDrawerOpen, setIsRightDrawerOpen] = useRecoilState(
+          isRightDrawerOpenState(),
+        );
+        const [viewableEmailThreadId, setViewableEmailThreadId] =
+          useRecoilState(viewableEmailThreadIdState());
+
+        return {
+          ...emailThread,
+          isRightDrawerOpen,
+          viewableEmailThreadId,
+          setIsRightDrawerOpen,
+          setViewableEmailThreadId,
+        };
+      },
+      { wrapper: RecoilRoot },
+    );
+
+    act(() => {
+      result.current.setIsRightDrawerOpen(true);
+      result.current.setViewableEmailThreadId(viewableEmailThreadId);
+    });
+
+    act(() => {
+      result.current.openEmailThread(viewableEmailThreadId);
+    });
+
+    expect(result.current.isRightDrawerOpen).toBe(false);
+    expect(result.current.viewableEmailThreadId).toBeNull();
+  });
+});

packages/twenty-front/src/modules/activities/emails/hooks/internal/useEmailThreadStates.ts

@@ -1,4 +1,4 @@
-import { emailThreadsPageComponentState } from '@/activities/emails/state/emailThreadsPageComponentState';
+import { emailThreadsPageComponentState } from '@/activities/emails/states/emailThreadsPageComponentState';
 import { TabListScopeInternalContext } from '@/ui/layout/tab/scopes/scope-internal-context/TabListScopeInternalContext';
 import { useAvailableScopeIdOrThrow } from '@/ui/utilities/recoil-scope/scopes-internal/hooks/useAvailableScopeId';
 import { extractComponentState } from '@/ui/utilities/state/component-state/utils/extractComponentState';

packages/twenty-front/src/modules/activities/emails/hooks/useEmailThread.ts

@@ -1,7 +1,7 @@
 import { useRecoilCallback } from 'recoil';
 
 import { useOpenEmailThreadRightDrawer } from '@/activities/emails/right-drawer/hooks/useOpenEmailThreadRightDrawer';
-import { viewableEmailThreadIdState } from '@/activities/emails/state/viewableEmailThreadIdState';
+import { viewableEmailThreadIdState } from '@/activities/emails/states/viewableEmailThreadIdState';
 import { useRightDrawer } from '@/ui/layout/right-drawer/hooks/useRightDrawer';
 import { isRightDrawerOpenState } from '@/ui/layout/right-drawer/states/isRightDrawerOpenState';