test: add mobile-wide viewort to chromatic options

oaknational · Dec 10, 2024 · 6630513 · 6630513
1 parent 07371a2
commit 6630513
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/apps/nextjs/.storybook/chromatic.ts b/apps/nextjs/.storybook/chromatic.ts
@@ -1,6 +1,11 @@
 import "@storybook/csf";
 
-type ChromaticModes = "legacy" | "mobile" | "desktop" | "desktop-wide";
+type ChromaticModes =
+  | "legacy"
+  | "mobile"
+  | "mobile-wide"
+  | "desktop"
+  | "desktop-wide";
 
 export function chromaticParams(modes: ChromaticModes[]) {
   return {
@@ -9,6 +14,9 @@ export function chromaticParams(modes: ChromaticModes[]) {
         ...(modes.includes("mobile") && {
           mobile: { viewport: "mobile" },
         }),
+        ...(modes.includes("mobile-wide") && {
+          mobile: { viewport: "mobile-wide" },
+        }),
         ...(modes.includes("desktop") && {
           desktop: { viewport: "desktop" },
         }),