test: create desktop snapshot baselines

oaknational · Dec 4, 2024 · c14c514 · c14c514
1 parent 1f4aa9d
commit c14c514
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/apps/nextjs/.storybook/chromatic.ts b/apps/nextjs/.storybook/chromatic.ts
@@ -0,0 +1,3 @@
+export const CHROMATIC_ALL_VIEWPORTS = { viewports: [375] };
+export const CHROMATIC_MOBILE_ONLY = { viewports: [375] };
+export const CHROMATIC_DESKTOP_ONLY = { viewports: [1200] };
diff --git a/apps/nextjs/.storybook/preview.tsx b/apps/nextjs/.storybook/preview.tsx
@@ -15,6 +15,7 @@ import { DialogProvider } from "../src/components/AppComponents/DialogContext";
 import { AnalyticsProvider } from "../src/mocks/analytics/provider";
 import { ClerkDecorator } from "../src/mocks/clerk/ClerkDecorator";
 import { TRPCReactProvider } from "../src/utils/trpc";
+import { CHROMATIC_DESKTOP_ONLY } from "./chromatic";
 import { RadixThemeDecorator } from "./decorators/RadixThemeDecorator";
 import "./preview.css";
 
@@ -28,6 +29,7 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
+    ...CHROMATIC_DESKTOP_ONLY,
   },
   loaders: [mswLoader],
 };