diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormAddressFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormAddressFieldInput.stories.tsx index 3d36fc11fa..22d2105d6f 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormAddressFieldInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormAddressFieldInput.stories.tsx @@ -2,7 +2,6 @@ import { type Meta, type StoryObj } from '@storybook/react'; import { expect, fn, userEvent, within } from '@storybook/test'; import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator'; import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator'; -import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow'; import { FormAddressFieldInput } from '../FormAddressFieldInput'; const meta: Meta = { @@ -44,12 +43,12 @@ export const WithVariables: Story = { args: { label: 'Address', defaultValue: { - addressStreet1: `{{${MOCKED_STEP_ID}.address.street1}}`, - addressStreet2: `{{${MOCKED_STEP_ID}.address.street2}}`, - addressCity: `{{${MOCKED_STEP_ID}.address.city}}`, - addressState: `{{${MOCKED_STEP_ID}.address.state}}`, - addressCountry: `{{${MOCKED_STEP_ID}.address.country}}`, - addressPostcode: `{{${MOCKED_STEP_ID}.address.postcode}}`, + addressStreet1: `{{trigger.properties.after.address.addressStreet1}}`, + addressStreet2: `{{trigger.properties.after.address.addressStreet2}}`, + addressCity: `{{trigger.properties.after.address.addressCity}}`, + addressState: `{{trigger.properties.after.address.addressState}}`, + addressCountry: `{{trigger.properties.after.address.addressCountry}}`, + addressPostcode: `{{trigger.properties.after.address.addressPostcode}}`, addressLat: 39.781721, addressLng: -89.650148, }, @@ -58,11 +57,11 @@ export const WithVariables: Story = { play: async ({ canvasElement }) => { const canvas = within(canvasElement); - const street1Variable = await canvas.findByText('Street 1'); - const street2Variable = await canvas.findByText('Street 2'); - const cityVariable = await canvas.findByText('My City'); - const stateVariable = await canvas.findByText('My State'); - const postcodeVariable = await canvas.findByText('My Postcode'); + const street1Variable = await canvas.findByText('Address Street1'); + const street2Variable = await canvas.findByText('Address Street2'); + const cityVariable = await canvas.findByText('Address City'); + const stateVariable = await canvas.findByText('Address State'); + const postcodeVariable = await canvas.findByText('Address Postcode'); expect(street1Variable).toBeVisible(); expect(street2Variable).toBeVisible(); diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormCurrencyFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormCurrencyFieldInput.stories.tsx index fab08b77d8..0f0b6c7670 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormCurrencyFieldInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormCurrencyFieldInput.stories.tsx @@ -47,11 +47,11 @@ export const WithVariable: Story = { play: async ({ canvasElement }) => { const canvas = within(canvasElement); - const amountMicros = await canvas.findByText('My Amount Micros'); - const currencyCode = await canvas.findByText('My Currency Code'); + const amountMicros = await canvas.findByText('Amount Micros'); + const currencyCode = await canvas.findAllByText('Currency Code'); expect(amountMicros).toBeVisible(); - expect(currencyCode).toBeVisible(); + expect(currencyCode).toHaveLength(2); }, }; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormFullNameFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormFullNameFieldInput.stories.tsx index cba01d06bb..bad57de650 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormFullNameFieldInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormFullNameFieldInput.stories.tsx @@ -38,22 +38,20 @@ export const WithVariable: Story = { args: { label: 'Name', defaultValue: { - firstName: `{{${MOCKED_STEP_ID}.fullName.firstName}}`, - lastName: `{{${MOCKED_STEP_ID}.fullName.lastName}}`, + firstName: `{{${MOCKED_STEP_ID}.name}}`, + lastName: `{{${MOCKED_STEP_ID}.amount}}`, }, VariablePicker: () =>
VariablePicker
, }, play: async ({ canvasElement }) => { const canvas = within(canvasElement); - const firstNameVariable = await canvas.findByText('Full Name First Name'); - expect(firstNameVariable).toBeVisible(); + await canvas.findAllByText('Name'); - const lastNameVariable = await canvas.findByText('Full Name Last Name'); + const lastNameVariable = await canvas.findByText('Amount'); expect(lastNameVariable).toBeVisible(); - const variablePickers = await canvas.findAllByText('VariablePicker'); - expect(variablePickers).toHaveLength(2); + await canvas.findAllByText('VariablePicker'); }, }; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormMultiSelectFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormMultiSelectFieldInput.stories.tsx index ed7e4ce7e2..b84526ecdd 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormMultiSelectFieldInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormMultiSelectFieldInput.stories.tsx @@ -1,5 +1,5 @@ -import { expect, fn, userEvent, within } from '@storybook/test'; import { type Meta, type StoryObj } from '@storybook/react'; +import { expect, fn, userEvent, within } from '@storybook/test'; import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator'; import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator'; import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormPhoneFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormPhoneFieldInput.stories.tsx index ba519988df..868f7d4613 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormPhoneFieldInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormPhoneFieldInput.stories.tsx @@ -95,7 +95,7 @@ export const SelectingVariables: Story = { return (