Add tests

packages/twenty-front/src/modules/object-record/record-field/form-types/components/__stories__/FormCountryCodeSelectInput.stories.tsx

@@ -0,0 +1,26 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { within } from '@storybook/test';
+
+import { FormCountryCodeSelectInput } from '../FormCountryCodeSelectInput';
+
+const meta: Meta<typeof FormCountryCodeSelectInput> = {
+  title: 'UI/Data/Field/Form/Input/FormCountryCodeSelectInput',
+  component: FormCountryCodeSelectInput,
+  args: {},
+  argTypes: {},
+};
+
+export default meta;
+
+type Story = StoryObj<typeof FormCountryCodeSelectInput>;
+
+export const Default: Story = {
+  args: {
+    selectedCountryCode: 'FR',
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    await canvas.findByText('Country Code');
+  },
+};

packages/twenty-front/src/modules/object-record/record-field/form-types/components/__stories__/FormPhoneFieldInput.stories.tsx

@@ -0,0 +1,34 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { within } from '@storybook/test';
+
+import { FieldPhonesValue } from '@/object-record/record-field/types/FieldMetadata';
+import { FormPhoneFieldInput } from '../FormPhoneFieldInput';
+
+const meta: Meta<typeof FormPhoneFieldInput> = {
+  title: 'UI/Data/Field/Form/Input/FormPhoneFieldInput',
+  component: FormPhoneFieldInput,
+  args: {},
+  argTypes: {},
+};
+
+export default meta;
+
+type Story = StoryObj<typeof FormPhoneFieldInput>;
+
+const defaultPhoneValue: FieldPhonesValue = {
+  primaryPhoneNumber: '0612345678',
+  primaryPhoneCountryCode: 'FR',
+  primaryPhoneCallingCode: '33',
+};
+
+export const Default: Story = {
+  args: {
+    label: 'Phone',
+    defaultValue: defaultPhoneValue,
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    await canvas.findByText('Phone');
+  },
+};