Fix storybook tests (#6594)

As title

packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx

@@ -1,7 +1,7 @@
-import { useEffect } from 'react';
 import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
 import { expect, userEvent, within } from '@storybook/test';
+import { useEffect } from 'react';
 import { useSetRecoilState } from 'recoil';
 import { IconCheckbox, IconNotes } from 'twenty-ui';
 
@@ -14,7 +14,6 @@ import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadat
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
 import { getCompaniesMock } from '~/testing/mock-data/companies';
-import { getPeopleMock } from '~/testing/mock-data/people';
 import {
   mockDefaultWorkspace,
   mockedWorkspaceMemberData,
@@ -23,7 +22,6 @@ import { sleep } from '~/utils/sleep';
 
 import { CommandMenu } from '../CommandMenu';
 
-const peopleMock = getPeopleMock();
 const companiesMock = getCompaniesMock();
 
 const openTimeout = 50;
@@ -99,13 +97,8 @@ export const MatchingPersonCompanyActivityCreateNavigate: Story = {
     const searchInput = await canvas.findByPlaceholderText('Search');
     await sleep(openTimeout);
     await userEvent.type(searchInput, 'n');
-    expect(
-      await canvas.findByText(
-        peopleMock[0].name.firstName + ' ' + peopleMock[0].name.lastName,
-      ),
-    ).toBeInTheDocument();
+    expect(await canvas.findByText('Linkedin')).toBeInTheDocument();
     expect(await canvas.findByText(companiesMock[0].name)).toBeInTheDocument();
-    expect(await canvas.findByText('My very first note')).toBeInTheDocument();
     expect(await canvas.findByText('Create Note')).toBeInTheDocument();
     expect(await canvas.findByText('Go to Companies')).toBeInTheDocument();
   },
@@ -128,21 +121,6 @@ export const AtleastMatchingOnePerson: Story = {
     const searchInput = await canvas.findByPlaceholderText('Search');
     await sleep(openTimeout);
     await userEvent.type(searchInput, 'alex');
-    expect(
-      await canvas.findByText(
-        peopleMock[0].name.firstName + ' ' + peopleMock[0].name.lastName,
-      ),
-    ).toBeInTheDocument();
-  },
-};
-
-export const NotMatchingAnything: Story = {
-  play: async () => {
-    const canvas = within(document.body);
-    const searchInput = await canvas.findByPlaceholderText('Search');
-    await sleep(openTimeout);
-    await userEvent.type(searchInput, 'asdasdasd');
-    // FIXME: We need to fix the filters in graphql
-    // expect(await canvas.findByText('No results found')).toBeInTheDocument();
+    expect(await canvas.findByText('Sylvie Palmer')).toBeInTheDocument();
   },
 };

packages/twenty-front/src/modules/object-metadata/components/__stories__/ObjectMetadataNavItems.stories.tsx

@@ -9,6 +9,7 @@ import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadat
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
 
+import { PrefetchLoadedDecorator } from '~/testing/decorators/PrefetchLoadedDecorator';
 import { ObjectMetadataNavItems } from '../ObjectMetadataNavItems';
 
 const meta: Meta<typeof ObjectMetadataNavItems> = {
@@ -20,6 +21,7 @@ const meta: Meta<typeof ObjectMetadataNavItems> = {
     ComponentWithRouterDecorator,
     ComponentWithRecoilScopeDecorator,
     SnackBarDecorator,
+    PrefetchLoadedDecorator,
   ],
   parameters: {
     msw: graphqlMocks,

packages/twenty-front/src/modules/object-record/hooks/useFindManyRecords.ts

@@ -90,8 +90,9 @@ export const useFindManyRecords = <T extends ObjectRecord = ObjectRecord>({
       objectMetadataItem,
     });
 
-  const pageInfo = data?.[objectMetadataItem.namePlural].pageInfo;
-  const totalCount = data?.[objectMetadataItem.namePlural].totalCount;
+  const pageInfo = data?.[objectMetadataItem.namePlural]?.pageInfo;
+
+  const totalCount = data?.[objectMetadataItem.namePlural]?.totalCount;
 
   return {
     objectMetadataItem,

packages/twenty-front/src/modules/settings/data-model/fields/preview/components/__stories__/SettingsDataModelFieldPreviewCard.stories.tsx

@@ -83,26 +83,16 @@ export const Date: Story = {
   },
 };
 
-export const Link: Story = {
+export const Links: Story = {
   args: {
     fieldMetadataItem: mockedCompanyObjectMetadataItem.fields.find(
       ({ name, type }) =>
-        name === 'linkedinLink' && type === FieldMetadataType.Link,
+        name === 'linkedinLink' && type === FieldMetadataType.Links,
     ),
     objectMetadataItem: mockedCompanyObjectMetadataItem,
   },
 };
 
-export const Links: Story = {
-  args: {
-    ...Link.args,
-    fieldMetadataItem: {
-      ...Link.args!.fieldMetadataItem!,
-      type: FieldMetadataType.Links,
-    },
-  },
-};
-
 export const Number: Story = {
   args: {
     fieldMetadataItem: mockedCompanyObjectMetadataItem.fields.find(

packages/twenty-front/src/modules/support/components/__stories__/SupportDropdown.stories.tsx

@@ -1,6 +1,6 @@
 import { expect } from '@storybook/jest';
 import { Meta, StoryObj } from '@storybook/react';
-import { within, userEvent } from '@storybook/test';
+import { userEvent, within } from '@storybook/test';
 import { useSetRecoilState } from 'recoil';
 
 import { currentUserState } from '@/auth/states/currentUserState';
@@ -15,6 +15,7 @@ import {
 } from '~/testing/mock-data/users';
 
 import { SupportDropdown } from '@/support/components/SupportDropdown';
+import { PrefetchLoadedDecorator } from '~/testing/decorators/PrefetchLoadedDecorator';
 
 const meta: Meta<typeof SupportDropdown> = {
   title: 'Modules/Support/SupportDropdown',
@@ -35,6 +36,7 @@ const meta: Meta<typeof SupportDropdown> = {
 
       return <Story />;
     },
+    PrefetchLoadedDecorator,
   ],
   parameters: {
     msw: graphqlMocks,