diff --git a/.changeset/quiet-insects-agree.md b/.changeset/quiet-insects-agree.md new file mode 100644 index 0000000000..cb826055c8 --- /dev/null +++ b/.changeset/quiet-insects-agree.md @@ -0,0 +1,5 @@ +--- +"@khanacademy/perseus": minor +--- + +Add a story for Dropdown that uses answerless data diff --git a/packages/perseus-core/src/utils/split-perseus-item.ts b/packages/perseus-core/src/utils/split-perseus-item.ts index 89bc8b0f36..3dd9ff32c5 100644 --- a/packages/perseus-core/src/utils/split-perseus-item.ts +++ b/packages/perseus-core/src/utils/split-perseus-item.ts @@ -5,6 +5,10 @@ import {getUpgradedWidgetOptions} from "../widgets/upgrade"; import type {PerseusRenderer} from "../data-schema"; +/** + * Upgrades widget options and removes answerful data for all the widgets in a + * Perseus item. + */ export default function splitPerseusItem( originalItem: PerseusRenderer, ): PerseusRenderer { diff --git a/packages/perseus/src/widgets/dropdown/dropdown.stories.tsx b/packages/perseus/src/widgets/dropdown/dropdown.stories.tsx index 8a19d00eca..3950374d5e 100644 --- a/packages/perseus/src/widgets/dropdown/dropdown.stories.tsx +++ b/packages/perseus/src/widgets/dropdown/dropdown.stories.tsx @@ -1,3 +1,4 @@ +import {splitPerseusItem} from "@khanacademy/perseus-core"; import * as React from "react"; import {RendererWithDebugUI} from "../../../../../testing/renderer-with-debug-ui"; @@ -41,3 +42,7 @@ export const DropdownWithEmptyPlaceholder = ( ): React.ReactElement => { return <RendererWithDebugUI question={dropdownWithEmptyPlaceholder} />; }; + +export const DropdownWithNoAnswers = (args: StoryArgs): React.ReactElement => { + return <RendererWithDebugUI question={splitPerseusItem(basicDropdown)} />; +};