admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix Storybook tests (#9554)

Browse Source 
Finally fixing the storybook tests!
This commit is contained in:
Charles Bochet
2025-01-10 20:54:10 +01:00
committed by GitHub
parent 2e0169b954
commit 5ec28afac9
5 changed files with 55 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/twenty-front/src/modules/object-record/record-field/form-types/components/__stories__/FormRawJsonFieldInput.stories.tsx
View File

@ -87,6 +87,7 @@ export const DisplayDefaultValueWithVariablesProperly: Story = {
args: {
placeholder: 'Enter valid json',
defaultValue: '{ "a": { "b" : {{var.test}} } }',
onPersist: fn(),
},
play: async ({ canvasElement }) => {
const canvas = within(canvasElement);
@ -120,6 +121,7 @@ export const InsertVariableInTheMiddleOnTextInput: Story = {
</button>
);
},
onPersist: fn(),
},
play: async ({ canvasElement, args }) => {
const canvas = within(canvasElement);
@ -161,6 +163,7 @@ export const CanUseVariableAsObjectProperty: Story = {
</button>
);
},
onPersist: fn(),
},
play: async ({ canvasElement, args }) => {
const canvas = within(canvasElement);
@ -188,6 +191,7 @@ export const ClearField: Story = {
args: {
placeholder: 'Enter valid json',
defaultValue: '{ "a": 2 }',
onPersist: fn(),
},
play: async ({ canvasElement, args }) => {
const defaultValueStringLength = args.defaultValue!.length;

12
packages/twenty-front/src/modules/settings/data-model/objects/components/__stories__/SettingsObjectInactiveMenuDropDown.stories.tsx
View File

@ -38,7 +38,9 @@ export const Open: Story = {
play: async () => {
const canvas = within(document.body);
const dropdownButton = await canvas.getByRole('button');
const dropdownButton = await canvas.findByRole('button', {
name: 'Inactive Object Options',
});
await userEvent.click(dropdownButton);
},
@ -48,7 +50,9 @@ export const WithActivate: Story = {
play: async () => {
const canvas = within(document.body);
const dropdownButton = await canvas.getByRole('button');
const dropdownButton = await canvas.findByRole('button', {
name: 'Inactive Object Options',
});
await userEvent.click(dropdownButton);
@ -69,7 +73,9 @@ export const WithDelete: Story = {
play: async () => {
const canvas = within(document.body);
const dropdownButton = await canvas.getByRole('button');
const dropdownButton = await canvas.findByRole('button', {
name: 'Inactive Object Options',
});
await userEvent.click(dropdownButton);

20
packages/twenty-front/src/modules/ui/layout/dropdown/components/__stories__/DropdownMenu.stories.tsx
View File

@ -82,22 +82,24 @@ export const Empty: Story = {
play: async () => {
const canvas = within(document.body);
const button = await canvas.findByRole('button');
userEvent.click(button);
const buttons = await canvas.findAllByRole('button', {
name: 'Open Dropdown',
});
userEvent.click(buttons[0]);
await waitFor(async () => {
const fakeMenu = await canvas.findByTestId('dropdown-content');
expect(fakeMenu).toBeInTheDocument();
});
userEvent.click(button);
userEvent.click(buttons[0]);
await waitFor(async () => {
const fakeMenu = canvas.queryByTestId('dropdown-content');
expect(fakeMenu).not.toBeInTheDocument();
});
userEvent.click(button);
userEvent.click(buttons[0]);
await waitFor(async () => {
const fakeMenu = await canvas.findByTestId('dropdown-content');
expect(fakeMenu).toBeInTheDocument();
@ -205,8 +207,8 @@ const FakeCheckableMenuItemList = ({ hasAvatar }: { hasAvatar?: boolean }) => {
const playInteraction: PlayFunction<any, any> = async () => {
const canvas = within(document.body);
const button = await canvas.findByRole('button');
userEvent.click(button);
const buttons = await canvas.findAllByRole('button');
userEvent.click(buttons[0]);
await waitFor(async () => {
expect(canvas.getByText('Company A')).toBeInTheDocument();
@ -257,15 +259,15 @@ export const SearchWithLoadingMenu: Story = {
play: async () => {
const canvas = within(document.body);
const button = await canvas.findByRole('button');
const buttons = await canvas.findAllByRole('button');
await waitFor(() => {
userEvent.click(button);
userEvent.click(buttons[0]);
expect(canvas.getByDisplayValue('query')).toBeInTheDocument();
});
await waitFor(() => {
userEvent.click(button);
userEvent.click(buttons[0]);
expect(canvas.queryByDisplayValue('query')).not.toBeInTheDocument();
});
},