-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
61ae4a1
commit badf85e
Showing
7 changed files
with
228 additions
and
186 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
143 changes: 143 additions & 0 deletions
143
apps/nextjs/src/components/AppComponents/Chat/drop-down-section/index.stories.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,143 @@ | ||
| import type { Meta, StoryObj } from "@storybook/react"; | ||
| import { userEvent, within } from "@storybook/test"; | ||
|
|
||
| import type { ChatContextProps } from "@/components/ContextProviders/ChatProvider"; | ||
| import { ChatContext } from "@/components/ContextProviders/ChatProvider"; | ||
|
|
||
| import DropDownSection from "./"; | ||
|
|
||
| const MAX_INT32 = 2 ** 31 - 1; | ||
|
|
||
| const ChatDecorator: Story["decorators"] = (Story, { parameters }) => ( | ||
| <ChatContext.Provider | ||
| value={ | ||
| { | ||
| id: "123", | ||
| lastModeration: null, | ||
| messages: [], | ||
| lessonPlan: { | ||
| title: "About Frogs", | ||
| keyStage: "Key Stage 2", | ||
| subject: "Science", | ||
| topic: "Amphibians", | ||
| basedOn: "Frogs in Modern Britain", | ||
| learningOutcome: | ||
| "To understand the importance of frogs in British society and culture", | ||
| }, | ||
| ailaStreamingStatus: "Idle", | ||
| ...parameters.chatContext, | ||
| } as unknown as ChatContextProps | ||
| } | ||
| > | ||
| <Story /> | ||
| </ChatContext.Provider> | ||
| ); | ||
|
|
||
| const meta: Meta<typeof DropDownSection> = { | ||
| title: "Components/LessonPlan/DropDownSection", | ||
| component: DropDownSection, | ||
| tags: ["autodocs"], | ||
| args: { | ||
| objectKey: "learningOutcome", | ||
| // objectKey, | ||
| // sectionRefs, | ||
| value: | ||
| "I can explain the reasons why frogs are so important to British society and culture", | ||
| // userHasCancelledAutoScroll, | ||
| // showLessonMobile, | ||
| documentContainerRef: { current: null }, | ||
| streamingTimeout: 0, | ||
| }, | ||
| decorators: [ChatDecorator], | ||
| }; | ||
|
|
||
| export default meta; | ||
| type Story = StoryObj<typeof DropDownSection>; | ||
|
|
||
| export const Default: Story = { | ||
| args: {}, | ||
| }; | ||
|
|
||
| export const Markdown: Story = { | ||
| args: { | ||
| value: `# Title 1 | ||
| ## Title 2 | ||
| ### Title 3 | ||
| - **Bold** | ||
| - *Italic* | ||
| - Normal`, | ||
| }, | ||
| }; | ||
|
|
||
| export const Streaming: Story = { | ||
| args: { streamingTimeout: MAX_INT32 }, | ||
| }; | ||
|
|
||
| export const Closed: Story = { | ||
| parameters: { | ||
| docs: { | ||
| // NOTE: This should run the play function in the docs page, but seems broken | ||
| story: { autoplay: true }, | ||
| }, | ||
| }, | ||
| play: async ({ canvasElement }) => { | ||
| const canvas = within(canvasElement); | ||
| const toggleButton = await canvas.findByRole("button", { name: "toggle" }); | ||
| await userEvent.click(toggleButton); | ||
| }, | ||
| }; | ||
|
|
||
| export const AdditionalMaterials: Story = { | ||
| args: { | ||
| objectKey: "additionalMaterials", | ||
| value: "None", | ||
| }, | ||
| }; | ||
|
|
||
| export const Modify: Story = { | ||
| parameters: { | ||
| docs: { | ||
| // NOTE: This should run the play function in the docs page, but seems broken | ||
| story: { autoplay: true }, | ||
| }, | ||
| }, | ||
| play: async ({ canvasElement }) => { | ||
| const canvas = within(canvasElement); | ||
| const modifyButton = await canvas.findByRole("button", { name: "Modify" }); | ||
| await userEvent.click(modifyButton); | ||
| }, | ||
| }; | ||
|
|
||
| export const ModifyAdditionalMaterials: Story = { | ||
| parameters: { | ||
| docs: { | ||
| // NOTE: This should run the play function in the docs page, but seems broken | ||
| story: { autoplay: true }, | ||
| }, | ||
| }, | ||
| args: { | ||
| objectKey: "additionalMaterials", | ||
| value: "None", | ||
| }, | ||
| play: async ({ canvasElement }) => { | ||
| const canvas = within(canvasElement); | ||
| const modifyButton = await canvas.findByRole("button", { | ||
| name: "Add additional materials", | ||
| }); | ||
| await userEvent.click(modifyButton); | ||
| }, | ||
| }; | ||
|
|
||
| export const Flag: Story = { | ||
| parameters: { | ||
| docs: { | ||
| // NOTE: This should run the play function in the docs page, but seems broken | ||
| story: { autoplay: true }, | ||
| }, | ||
| }, | ||
| play: async ({ canvasElement }) => { | ||
| const canvas = within(canvasElement); | ||
| const flagButton = await canvas.findByRole("button", { name: "Flag" }); | ||
| await userEvent.click(flagButton); | ||
| }, | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.