Fix stories

coder · BrunoQuaresma · Jun 7, 2023 · Jun 6, 2023 · Jun 6, 2023 · Jun 6, 2023
commit b86831f861f13ea4671c9381dc3a2c7f2bf57ea3
diff --git a/site/src/pages/AuditPage/AuditPageView.stories.tsx b/site/src/pages/AuditPage/AuditPageView.stories.tsx
@@ -1,51 +1,91 @@
-import { ComponentMeta, Story } from "@storybook/react"
-import { createPaginationRef } from "components/PaginationWidget/utils"
-import { MockAuditLog, MockAuditLog2 } from "testHelpers/entities"
-import { AuditPageView, AuditPageViewProps } from "./AuditPageView"
+/* eslint-disable eslint-comments/disable-enable-pair -- ignore */
+/* eslint-disable @typescript-eslint/no-explicit-any -- We don't care about any here */
+import { Meta, StoryObj } from "@storybook/react"
+import { MockAuditLog, MockAuditLog2, MockUser } from "testHelpers/entities"
+import { AuditPageView } from "./AuditPageView"
+import { action } from "@storybook/addon-actions"
+import { WorkspacesPageView } from "pages/WorkspacesPage/WorkspacesPageView"
+import { ComponentProps } from "react"
 
-export default {
+const mockMenu = {
+  initialOption: undefined,
+  isInitializing: false,
+  isSearching: false,
+  query: "",
+  searchOptions: [],
+  selectedOption: undefined,
+  selectOption: action("selectOption"),
+  setQuery: action("updateQuery"),
+}
+
+const defaultFilterProps = {
+  filter: {
+    query: `owner:me`,
+    update: () => action("update"),
+    debounceUpdate: action("debounce") as any,
+    used: false,
+    values: {
+      username: MockUser.username,
+      action: undefined,
+      resource_type: undefined,
+    },
+  },
+  menus: {
+    user: mockMenu,
+    action: mockMenu,
+    resourceType: mockMenu,
+  },
+} as ComponentProps<typeof AuditPageView>["filterProps"]
+
+const meta: Meta<typeof AuditPageView> = {
   title: "pages/AuditPageView",
   component: AuditPageView,
   args: {
     auditLogs: [MockAuditLog, MockAuditLog2],
     count: 1000,
-    paginationRef: createPaginationRef({ page: 1, limit: 25 }),
+    page: 1,
+    limit: 25,
     isAuditLogVisible: true,
+    filterProps: defaultFilterProps,
   },
-} as ComponentMeta<typeof AuditPageView>
+}
 
-const Template: Story<AuditPageViewProps> = (args) => (
-  <AuditPageView {...args} />
-)
+export default meta
+type Story = StoryObj<typeof WorkspacesPageView>
 
-export const AuditPage = Template.bind({})
+export const AuditPage: Story = {}
 
-export const Loading = Template.bind({})
-Loading.args = {
-  auditLogs: undefined,
-  count: undefined,
-  isNonInitialPage: false,
+export const Loading = {
+  args: {
+    auditLogs: undefined,
+    count: undefined,
+    isNonInitialPage: false,
+  },
 }
 
-export const EmptyPage = Template.bind({})
-EmptyPage.args = {
-  auditLogs: [],
-  isNonInitialPage: true,
+export const EmptyPage = {
+  args: {
+    auditLogs: [],
+    isNonInitialPage: true,
+  },
 }
 
-export const NoLogs = Template.bind({})
-NoLogs.args = {
-  auditLogs: [],
-  count: 0,
-  isNonInitialPage: false,
+export const NoLogs = {
+  args: {
+    auditLogs: [],
+    count: 0,
+    isNonInitialPage: false,
+  },
 }
 
-export const NotVisible = Template.bind({})
-NotVisible.args = {
-  isAuditLogVisible: false,
+export const NotVisible = {
+  args: {
+    isAuditLogVisible: false,
+  },
 }
 
-export const AuditPageSmallViewport = Template.bind({})
-AuditPageSmallViewport.parameters = {
-  chromatic: { viewports: [600] },
+export const AuditPageSmallViewport = {
+  parameters: {
+    chromatic: { viewports: [600] },
+  },
 }