feat(sitepage): add stories for the different menu actions

apps/studio/src/features/dashboard/components/ResourceTable/ResourceTable.tsx

@@ -54,6 +54,7 @@ const columns = [
     header: () => <TableHeader>Actions</TableHeader>,
     cell: ({ row }) => (
       <ResourceTableMenu
+        title={row.original.name}
         resourceId={row.original.id}
         type={row.original.type}
       />

apps/studio/src/features/dashboard/components/ResourceTable/ResourceTableMenu.tsx

@@ -12,15 +12,16 @@ import type { ResourceTableData } from "./types"
 import { MenuItem } from "~/components/Menu"
 
 interface ResourceTableMenuProps {
+  title: ResourceTableData["name"]
   resourceId: ResourceTableData["id"]
   type: ResourceTableData["type"]
 }
 
-export const ResourceTableMenu = ({ type }: ResourceTableMenuProps) => {
+export const ResourceTableMenu = ({ title, type }: ResourceTableMenuProps) => {
   return (
     <Menu isLazy size="sm">
       <MenuButton
-        aria-label="Options"
+        aria-label={`Options for ${title}`}
         as={IconButton}
         colorScheme="neutral"
         icon={<BiDotsHorizontalRounded />}

apps/studio/src/stories/Page/SitePage.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react"
+import { userEvent, waitFor, within } from "@storybook/test"
 import { meHandlers } from "tests/msw/handlers/me"
 import { pageHandlers } from "tests/msw/handlers/page"
 
@@ -22,3 +23,27 @@ type Story = StoryObj<typeof meta>
 export const Default: Story = {
   args: {},
 }
+
+export const PageResourceMenu: Story = {
+  play: async ({ canvasElement }) => {
+    await waitFor(async () => {
+      const screen = within(canvasElement)
+      const pageMenuButton = screen.getByRole("button", {
+        name: "Options for Test Page 1",
+      })
+      await userEvent.click(pageMenuButton)
+    })
+  },
+}
+
+export const FolderResourceMenu: Story = {
+  play: async ({ canvasElement }) => {
+    await waitFor(async () => {
+      const screen = within(canvasElement)
+      const folderMenuButton = screen.getByRole("button", {
+        name: "Options for Test Folder 1",
+      })
+      await userEvent.click(folderMenuButton)
+    })
+  },
+}