chore: add more stories

opengovsg · Jan 31, 2025 · 1396184 · 1396184
1 parent c162d97
commit 1396184
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 2 deletions.
diff --git a/apps/studio/src/stories/Page/EditPage/EditArticlePage.stories.tsx b/apps/studio/src/stories/Page/EditPage/EditArticlePage.stories.tsx
@@ -7,10 +7,14 @@ import { resourceHandlers } from "tests/msw/handlers/resource"
 import { sitesHandlers } from "tests/msw/handlers/sites"
 
 import EditPage from "~/pages/sites/[siteId]/pages/[pageId]"
-import { createBannerGbParameters } from "~/stories/utils/growthbook"
+import {
+  createBannerGbParameters,
+  createDropdownGbParameters,
+} from "~/stories/utils/growthbook"
 
 const COMMON_HANDLERS = [
   meHandlers.me(),
+  pageHandlers.getCategories.default(),
   pageHandlers.listWithoutRoot.default(),
   pageHandlers.getRootPage.default(),
   pageHandlers.countWithoutRoot.default(),
@@ -117,3 +121,15 @@ export const LinkModal: Story = {
     await userEvent.click(canvas.getByRole("button", { name: /link/i }))
   },
 }
+
+export const Dropdown: Story = {
+  parameters: {
+    growthbook: [createDropdownGbParameters("1")],
+  },
+  play: async ({ canvasElement, ...rest }) => {
+    const canvas = within(canvasElement)
+    await EditFixedBlockState.play?.({ canvasElement, ...rest })
+    const button = await canvas.findByRole("combobox")
+    await userEvent.click(button)
+  },
+}
diff --git a/apps/studio/src/stories/Page/EditPage/EditCollectionLink.stories.tsx b/apps/studio/src/stories/Page/EditPage/EditCollectionLink.stories.tsx
@@ -8,7 +8,10 @@ import { resourceHandlers } from "tests/msw/handlers/resource"
 import { sitesHandlers } from "tests/msw/handlers/sites"
 
 import CollectionLinkPage from "~/pages/sites/[siteId]/links/[linkId]"
-import { createBannerGbParameters } from "~/stories/utils/growthbook"
+import {
+  createBannerGbParameters,
+  createDropdownGbParameters,
+} from "~/stories/utils/growthbook"
 
 const COMMON_HANDLERS = [
   meHandlers.me(),
@@ -59,6 +62,17 @@ export default meta
 type Story = StoryObj<typeof CollectionLinkPage>
 
 export const Default: Story = {}
+export const Dropdown: Story = {
+  parameters: {
+    growthbook: [createDropdownGbParameters("1")],
+  },
+  play: async (context) => {
+    const { canvasElement } = context
+    const screen = within(canvasElement)
+    const button = await screen.findByRole("combobox")
+    await userEvent.click(button)
+  },
+}
 
 export const PublishedState: Story = {
   parameters: {