test: migrate to viewport globals API

oaknational · Dec 9, 2024 · 2cee76c · 2cee76c
1 parent c361618
commit 2cee76c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/apps/nextjs/.storybook/main.ts b/apps/nextjs/.storybook/main.ts
@@ -24,6 +24,9 @@ const config: StorybookConfig = {
     name: getAbsolutePath("@storybook/nextjs"),
     options: {},
   },
+  features: {
+    viewportStoryGlobals: true,
+  },
   staticDirs: ["../public", "./public"],
   typescript: {
     check: false,

diff --git a/apps/nextjs/.storybook/preview.tsx b/apps/nextjs/.storybook/preview.tsx
@@ -29,22 +29,26 @@ const preview: Preview = {
       },
     },
     viewport: {
-      viewports: {
+      options: {
         mobile: {
           name: "Mobile",
           styles: { width: "375px", height: "800px" },
+          type: "mobile",
         },
         mobileWide: {
           name: "Mobile Wide",
           styles: { width: "430px", height: "930px" },
+          type: "mobile",
         },
         desktop: {
           name: "Desktop",
           styles: { width: "1200px", height: "1000px" },
+          type: "desktop",
         },
         desktopWide: {
           name: "Desktop Wide",
           styles: { width: "1400px", height: "1000px" },
+          type: "desktop",
         },
       },
     },