diff --git a/packages/design/src/Form/components/Repeater/Repeater.stories.tsx b/packages/design/src/Form/components/Repeater/Repeater.stories.tsx index 109232f5..064999f9 100644 --- a/packages/design/src/Form/components/Repeater/Repeater.stories.tsx +++ b/packages/design/src/Form/components/Repeater/Repeater.stories.tsx @@ -1,9 +1,11 @@ import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; import Repeater from './index.js'; -import { expect, userEvent } from '@storybook/test'; +// import { expect, userEvent } from '@storybook/test'; import { FormProvider, useForm } from 'react-hook-form'; +// TODO: Add tests for the repeater once it's fully implemented + export default { title: 'patterns/Repeater', component: Repeater, @@ -35,32 +37,31 @@ export const Default = { }, } satisfies StoryObj; -export const WithContents = { - play: async ({ mount, args }) => { - const canvas = await mount(); +// export const WithContents = { +// play: async ({ mount, args }) => { +// const canvas = await mount(); - const addButton = canvas.getByRole('button', { name: /Add new item/ }); - const deleteButton = canvas.getByRole('button', { name: /Delete item/ }); - await userEvent.click(addButton); +// const addButton = canvas.getByRole('button', { name: /Add new item/ }); +// const deleteButton = canvas.getByRole('button', { name: /Delete item/ }); +// await userEvent.click(addButton); - let inputs = canvas.queryAllByRole('textbox'); - await expect(inputs).toHaveLength(1); +// let inputs = canvas.queryAllByRole('textbox'); +// await expect(inputs).toHaveLength(1); - await userEvent.click(deleteButton); - inputs = canvas.queryAllByRole('textbox'); - await expect(inputs).toHaveLength(0); - }, - args: { - ...defaultArgs, - type: 'repeater', - children: [ - // eslint-disable-next-line -
- - -
, - ], - }, -} satisfies StoryObj; +// await userEvent.click(deleteButton); +// inputs = canvas.queryAllByRole('textbox'); +// await expect(inputs).toHaveLength(0); +// }, +// args: { +// ...defaultArgs, +// type: 'repeater', +// children: [ +//
+// +// +//
, +// ], +// }, +// } satisfies StoryObj; diff --git a/packages/design/src/FormManager/FormEdit/components/RepeaterPatternEdit.stories.tsx b/packages/design/src/FormManager/FormEdit/components/RepeaterPatternEdit.stories.tsx index ccc65d83..5d519e5e 100644 --- a/packages/design/src/FormManager/FormEdit/components/RepeaterPatternEdit.stories.tsx +++ b/packages/design/src/FormManager/FormEdit/components/RepeaterPatternEdit.stories.tsx @@ -71,14 +71,30 @@ export const AddPattern: StoryObj = { const input = await canvas.findByLabelText('Field label'); await userEvent.clear(input); await userEvent.type(input, 'Repeater short question'); + + const addQuestionToRepeaterButton = canvas.getByRole('button', { + name: /Add question to repeater/, + }); + await userEvent.click(addQuestionToRepeaterButton); + + const dateOfBirthButton = canvas.getByRole('button', { + name: /Date of Birth/, + }); + await userEvent.click(dateOfBirthButton); + const form = input?.closest('form'); form?.requestSubmit(); - // Confirm that the "short answer" field exists - const updatedElement = await canvas.findAllByText( - 'Repeater short question' - ); - await expect(updatedElement.length).toBeGreaterThan(0); + const fieldLabel = await canvas.findByText('Field label', { + selector: 'label', + }); + await expect(fieldLabel).toBeInTheDocument(); + + // Confirm that the "Date of Birth" legend exists + const dateOfBirthLegend = await canvas.findByText('Date of Birth', { + selector: 'legend', + }); + await expect(dateOfBirthLegend).toBeInTheDocument(); }, };