Skip to content

Commit

Permalink
Showing 5 changed files with 69 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -54,6 +54,7 @@ const storybookMeta: Meta<typeof Autocomplete> = {
component: Autocomplete,
argTypes: {
errorMessage: fieldComponentPropsMetaData.errorMessage,
errorMessageList: fieldComponentPropsMetaData.errorMessageList,
hasMultipleChoices: {
control: "boolean",
description: "Enables multiple choice selection",
@@ -248,6 +249,22 @@ export const Error: StoryObj<AutocompleteType> = {
},
};

export const Errors: StoryObj<AutocompleteType> = {
args: {
hasMultipleChoices: true,
errorMessage: "Select your destination.",
errorMessageList: [
"Select at least 1 destination",
"Select no more than 3 destinations",
],
},
play: async ({ step }) => {
await step("Check for a11y errors on Select Error", async () => {
await waitFor(async () => await axeRun("Select Error"));
});
},
};

export const FullWidth: StoryObj<AutocompleteType> = {
args: {
isFullWidth: true,
Original file line number Diff line number Diff line change
@@ -47,6 +47,7 @@ const storybookMeta: Meta<CheckboxGroupStoryProps> = {
},
},
errorMessage: fieldComponentPropsMetaData.errorMessage,
errorMessageList: fieldComponentPropsMetaData.errorMessageList,
hint: fieldComponentPropsMetaData.hint,
HintLinkComponent: fieldComponentPropsMetaData.HintLinkComponent,
isDisabled: fieldComponentPropsMetaData.isDisabled,
@@ -86,6 +87,7 @@ const GroupTemplate: StoryObj<CheckboxGroupProps> = {
render: (args) => (
<CheckboxGroup
errorMessage={args.errorMessage}
errorMessageList={args.errorMessageList}
hint={args.hint}
HintLinkComponent={args.HintLinkComponent}
isDisabled={args.isDisabled}
@@ -142,6 +144,18 @@ export const Error: StoryObj<CheckboxGroupStoryProps> = {
},
};

export const Errors: StoryObj<CheckboxGroupStoryProps> = {
...GroupTemplate,
args: {
isRequired: true,
errorMessage: "System check is required",
errorMessageList: [
"Select at least one item",
"Select no more than 3 items",
],
},
};

export const Hint: StoryObj<CheckboxGroupStoryProps> = {
...GroupTemplate,
args: {
Original file line number Diff line number Diff line change
@@ -44,6 +44,7 @@ const storybookMeta: Meta<typeof NativeSelect> = {
},
},
errorMessage: fieldComponentPropsMetaData.errorMessage,
errorMessageList: fieldComponentPropsMetaData.errorMessageList,
hint: fieldComponentPropsMetaData.hint,
HintLinkComponent: fieldComponentPropsMetaData.HintLinkComponent,
id: fieldComponentPropsMetaData.id,
@@ -141,6 +142,7 @@ const Template: StoryObj<typeof NativeSelect> = {
hint={args.hint}
defaultValue={args.defaultValue}
errorMessage={args.errorMessage}
errorMessageList={args.errorMessageList}
isDisabled={args.isDisabled}
isMultiSelect={args.isMultiSelect}
isOptional={args.isOptional}
@@ -208,6 +210,14 @@ export const DefaultError: StoryObj<typeof NativeSelect> = {
},
};

export const Errors: StoryObj<typeof NativeSelect> = {
...Template,
args: {
errorMessage: "Select your destination.",
errorMessageList: ["Select 1 planet", "Select 1 moon"],
},
};

export const DefaultGrouped: StoryObj<typeof NativeSelect> = {
...GroupTemplate,
};
Original file line number Diff line number Diff line change
@@ -49,6 +49,7 @@ const storybookMeta: Meta<typeof RadioGroup> = {
},
},
errorMessage: fieldComponentPropsMetaData.errorMessage,
errorMessageList: fieldComponentPropsMetaData.errorMessageList,
hint: fieldComponentPropsMetaData.hint,
HintLinkComponent: fieldComponentPropsMetaData.HintLinkComponent,
id: fieldComponentPropsMetaData.id,
@@ -153,6 +154,15 @@ export const Error: StoryObj<typeof RadioGroup> = {
},
};

export const Errors: StoryObj<typeof RadioGroup> = {
...Template,
args: {
errorMessage: "This field is required.",
errorMessageList: ["Message 1", "Message 2"],
defaultValue: "",
},
};

export const UncontrolledRadioGroup: StoryObj<typeof RadioGroup> = {
...Template,
args: {
Original file line number Diff line number Diff line change
@@ -124,6 +124,7 @@ const storybookMeta: Meta<SelectProps<string | string[], boolean>> = {
},
},
errorMessage: fieldComponentPropsMetaData.errorMessage,
errorMessageList: fieldComponentPropsMetaData.errorMessageList,
hasMultipleChoices: {
control: "boolean",
description: "If `true`, the select component allows multiple selections",
@@ -268,6 +269,23 @@ export const Error: StoryObj<typeof Select> = {
},
};

export const Errors: StoryObj<typeof Select> = {
args: {
isMultiSelect: true,
errorMessage: "Select your destination.",
errorMessageList: [
"Select at least one item",
"Select no more than 3 items",
],
defaultValue: [],
},
play: async ({ step }) => {
await step("Check for a11y errors on Select Error", async () => {
await waitFor(() => axeRun("Select Error"));
});
},
};

export const FullWidth: StoryObj<typeof Select> = {
args: {
isFullWidth: true,

0 comments on commit ad6de75

Please sign in to comment.