Increase storybook pages coverage (#4885)

On FE:
- refreshing metadata mocks
- updating jest tests
- fixing storybook pages coverage
- fixing storybook modules coverage

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

@@ -2,10 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
 import { ComponentDecorator } from 'twenty-ui';
 
-import {
-  mockedCompanyObjectMetadataItem,
-  mockedPersonObjectMetadataItem,
-} from '@/object-record/record-field/__mocks__/fieldDefinitions';
 import { fieldMetadataFormDefaultValues } from '@/settings/data-model/fields/forms/hooks/useFieldMetadataForm';
 import {
   FieldMetadataType,
@@ -15,6 +11,10 @@ import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorato
 import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
+import {
+  mockedCompanyObjectMetadataItem,
+  mockedPersonObjectMetadataItem,
+} from '~/testing/mock-data/metadata';
 
 import { SettingsDataModelFieldSettingsFormCard } from '../SettingsDataModelFieldSettingsFormCard';
 

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

@@ -1,15 +1,15 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { ComponentDecorator } from 'twenty-ui';
 
-import {
-  mockedCompanyObjectMetadataItem,
-  mockedPersonObjectMetadataItem,
-} from '@/object-record/record-field/__mocks__/fieldDefinitions';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
 import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
+import {
+  mockedCompanyObjectMetadataItem,
+  mockedPersonObjectMetadataItem,
+} from '~/testing/mock-data/metadata';
 
 import { SettingsDataModelFieldPreviewCard } from '../SettingsDataModelFieldPreviewCard';
 

packages/twenty-front/src/modules/settings/data-model/fields/preview/hooks/__tests__/useFieldPreview.test.tsx

@@ -3,8 +3,8 @@ import { MockedProvider } from '@apollo/client/testing';
 import { renderHook } from '@testing-library/react';
 import { RecoilRoot } from 'recoil';
 
-import { mockedCompanyObjectMetadataItem } from '@/object-record/record-field/__mocks__/fieldDefinitions';
 import { SnackBarProviderScope } from '@/ui/feedback/snack-bar-manager/scopes/SnackBarProviderScope';
+import { mockedCompanyObjectMetadataItem } from '~/testing/mock-data/metadata';
 
 import { useFieldPreview } from '../useFieldPreview';
 

packages/twenty-front/src/modules/settings/data-model/objects/forms/components/__stories__/SettingsDataModelObjectAboutForm.stories.tsx

@@ -2,9 +2,9 @@ import styled from '@emotion/styled';
 import { Meta, StoryObj } from '@storybook/react';
 import { ComponentDecorator } from 'twenty-ui';
 
-import { mockedCompanyObjectMetadataItem } from '@/object-record/record-field/__mocks__/fieldDefinitions';
 import { FormProviderDecorator } from '~/testing/decorators/FormProviderDecorator';
 import { IconsProviderDecorator } from '~/testing/decorators/IconsProviderDecorator';
+import { mockedCompanyObjectMetadataItem } from '~/testing/mock-data/metadata';
 
 import { SettingsDataModelObjectAboutForm } from '../SettingsDataModelObjectAboutForm';
 

packages/twenty-front/src/modules/settings/data-model/utils/__tests__/getFieldDefaultPreviewValue.test.ts

@@ -1,9 +1,10 @@
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { SettingsObjectFieldSelectFormValues } from '@/settings/data-model/components/SettingsObjectFieldSelectForm';
 import {
   mockedCompanyObjectMetadataItem,
+  mockedOpportunityObjectMetadataItem,
   mockedPersonObjectMetadataItem,
-} from '@/object-record/record-field/__mocks__/fieldDefinitions';
-import { SettingsObjectFieldSelectFormValues } from '@/settings/data-model/components/SettingsObjectFieldSelectForm';
+} from '~/testing/mock-data/metadata';
 
 import { getFieldDefaultPreviewValue } from '../getFieldDefaultPreviewValue';
 
@@ -11,23 +12,12 @@ describe('getFieldDefaultPreviewValue', () => {
   describe('SELECT field', () => {
     it('returns the default select option', () => {
       // Given
-      const objectMetadataItem = mockedCompanyObjectMetadataItem;
-      const fieldMetadataItem = mockedCompanyObjectMetadataItem.fields.find(
-        ({ name }) => name === 'industry',
+      const objectMetadataItem = mockedOpportunityObjectMetadataItem;
+      const fieldMetadataItem = mockedOpportunityObjectMetadataItem.fields.find(
+        ({ name }) => name === 'stage',
       )!;
-      const selectOptions: SettingsObjectFieldSelectFormValues = [
-        {
-          color: 'purple',
-          label: '🏭 Industry',
-          value: 'INDUSTRY',
-        },
-        {
-          color: 'pink',
-          isDefault: true,
-          label: '💊 Health',
-          value: 'HEALTH',
-        },
-      ];
+      const selectOptions: SettingsObjectFieldSelectFormValues =
+        fieldMetadataItem.options ?? [];
 
       // When
       const result = getFieldDefaultPreviewValue({
@@ -37,27 +27,17 @@ describe('getFieldDefaultPreviewValue', () => {
       });
 
       // Then
-      expect(result).toEqual(selectOptions[1].value);
+      expect(result).toEqual(selectOptions[0].value);
     });
 
     it('returns the first select option if no default option was found', () => {
       // Given
-      const objectMetadataItem = mockedCompanyObjectMetadataItem;
-      const fieldMetadataItem = mockedCompanyObjectMetadataItem.fields.find(
-        ({ name }) => name === 'industry',
+      const objectMetadataItem = mockedOpportunityObjectMetadataItem;
+      const fieldMetadataItem = mockedOpportunityObjectMetadataItem.fields.find(
+        ({ name }) => name === 'stage',
       )!;
-      const selectOptions: SettingsObjectFieldSelectFormValues = [
-        {
-          color: 'purple' as const,
-          label: '🏭 Industry',
-          value: 'INDUSTRY',
-        },
-        {
-          color: 'pink' as const,
-          label: '💊 Health',
-          value: 'HEALTH',
-        },
-      ];
+      const selectOptions: SettingsObjectFieldSelectFormValues =
+        fieldMetadataItem.options ?? [];
 
       // When
       const result = getFieldDefaultPreviewValue({

packages/twenty-front/src/modules/settings/data-model/utils/__tests__/getFieldPreviewValueFromRecord.test.ts

@@ -1,9 +1,10 @@
-import {
-  mockedCompanyObjectMetadataItem,
-  mockedPersonObjectMetadataItem,
-} from '@/object-record/record-field/__mocks__/fieldDefinitions';
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
 import { SettingsObjectFieldSelectFormValues } from '@/settings/data-model/components/SettingsObjectFieldSelectForm';
+import {
+  mockedCompanyObjectMetadataItem,
+  mockedOpportunityObjectMetadataItem,
+  mockedPersonObjectMetadataItem,
+} from '~/testing/mock-data/metadata';
 
 import { getFieldPreviewValueFromRecord } from '../getFieldPreviewValueFromRecord';
 
@@ -11,28 +12,12 @@ describe('getFieldPreviewValueFromRecord', () => {
   describe('SELECT field', () => {
     it('returns the select option corresponding to the record field value', () => {
       // Given
-      const record: ObjectRecord = { id: '', industry: 'GREEN_TECH' };
-      const fieldMetadataItem = mockedCompanyObjectMetadataItem.fields.find(
-        ({ name }) => name === 'industry',
+      const record: ObjectRecord = { id: '', stage: 'MEETING' };
+      const fieldMetadataItem = mockedOpportunityObjectMetadataItem.fields.find(
+        ({ name }) => name === 'stage',
       )!;
-      const selectOptions: SettingsObjectFieldSelectFormValues = [
-        {
-          color: 'purple',
-          label: '🏭 Industry',
-          value: 'INDUSTRY',
-        },
-        {
-          color: 'pink',
-          isDefault: true,
-          label: '💊 Health',
-          value: 'HEALTH',
-        },
-        {
-          color: 'turquoise',
-          label: '🌿 Green tech',
-          value: 'GREEN_TECH',
-        },
-      ];
+      const selectOptions: SettingsObjectFieldSelectFormValues =
+        fieldMetadataItem.options ?? [];
 
       // When
       const result = getFieldPreviewValueFromRecord({
@@ -47,28 +32,12 @@ describe('getFieldPreviewValueFromRecord', () => {
 
     it('returns undefined if the select option was not found', () => {
       // Given
-      const record: ObjectRecord = { id: '', industry: 'MOBILITY' };
-      const fieldMetadataItem = mockedCompanyObjectMetadataItem.fields.find(
-        ({ name }) => name === 'industry',
+      const record: ObjectRecord = { id: '', industry: 'DOES_NOT_EXIST' };
+      const fieldMetadataItem = mockedOpportunityObjectMetadataItem.fields.find(
+        ({ name }) => name === 'stage',
       )!;
-      const selectOptions: SettingsObjectFieldSelectFormValues = [
-        {
-          color: 'purple',
-          label: '🏭 Industry',
-          value: 'INDUSTRY',
-        },
-        {
-          color: 'pink',
-          isDefault: true,
-          label: '💊 Health',
-          value: 'HEALTH',
-        },
-        {
-          color: 'turquoise',
-          label: '🌿 Green tech',
-          value: 'GREEN_TECH',
-        },
-      ];
+      const selectOptions: SettingsObjectFieldSelectFormValues =
+        fieldMetadataItem.options ?? [];
 
       // When
       const result = getFieldPreviewValueFromRecord({