test: add examples for mobile/desktop

oaknational · Dec 4, 2024 · a8b9445 · a8b9445
1 parent ab79c71
commit a8b9445
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/apps/nextjs/src/components/AppComponents/Chat/export-buttons/MobileExportButtons.stories.tsx b/apps/nextjs/src/components/AppComponents/Chat/export-buttons/MobileExportButtons.stories.tsx
@@ -4,6 +4,7 @@ import type { ChatContextProps } from "@/components/ContextProviders/ChatProvide
 import { ChatContext } from "@/components/ContextProviders/ChatProvider";
 import { DemoContext } from "@/components/ContextProviders/Demo";
 
+import { CHROMATIC_MOBILE_ONLY } from "../../../../../.storybook/chromatic";
 import { MobileExportButtons } from "./MobileExportButtons";
 
 const ChatDecorator: Story["decorators"] = (Story, { parameters }) => (
@@ -40,6 +41,7 @@ const meta: Meta<typeof MobileExportButtons> = {
     viewport: {
       defaultViewport: "mobile1",
     },
+    ...CHROMATIC_MOBILE_ONLY,
   },
   args: {
     closeMobileLessonPullOut: () => {},

diff --git a/apps/nextjs/src/components/AppComponents/Chat/export-buttons/index.stories.tsx b/apps/nextjs/src/components/AppComponents/Chat/export-buttons/index.stories.tsx
@@ -4,6 +4,7 @@ import type { ChatContextProps } from "@/components/ContextProviders/ChatProvide
 import { ChatContext } from "@/components/ContextProviders/ChatProvider";
 import { DemoContext } from "@/components/ContextProviders/Demo";
 
+import { CHROMATIC_DESKTOP_ONLY } from "../../../../../.storybook/chromatic";
 import ExportButtons from "./";
 
 const ChatDecorator: Story["decorators"] = (Story, { parameters }) => (
@@ -42,6 +43,9 @@ const meta: Meta<typeof ExportButtons> = {
     sectionRefs: {},
     documentContainerRef: { current: null },
   },
+  parameters: {
+    ...CHROMATIC_DESKTOP_ONLY,
+  },
 };
 
 export default meta;