Update preview.stories.tsx

storybookjs · Apr 6, 2022 · 57f8598 · 57f8598
1 parent 99af5e5
commit 57f8598
Showing 1 changed file with 45 additions and 2 deletions.
diff --git a/lib/ui/src/components/preview/preview.stories.tsx b/lib/ui/src/components/preview/preview.stories.tsx
@@ -130,9 +130,52 @@ export const HideAllDefaultTools = () => (
 export const WithCanvasTab = () => (
   <Consumer>
     {({ api }: Combo) => {
-      return <Preview {...previewProps} api={{ ...api, getElements: () => ({}) }} />;
+      return (
+        <Preview
+          {...previewProps}
+          api={{
+            ...api,
+            getElements: () => ({}),
+          }}
+        />
+      );
+    }}
+  </Consumer>
+);
+
+export const WithTabs = () => (
+  <Consumer>
+    {({ api }: Combo) => {
+      return (
+        <Preview
+          {...previewProps}
+          api={{
+            ...api,
+            getElements: () => ({}),
+            getQueryParam: () => '',
+          }}
+        />
+      );
     }}
   </Consumer>
 );
 
-export const WithTabs = () => <Preview {...previewProps} />;
+export const WithToolbarExclusions = () => (
+  <Consumer>
+    {({ api }: Combo) => {
+      return (
+        <Preview
+          {...previewProps}
+          api={{
+            ...api,
+            getElements: () => ({}),
+            getQueryParam: (key) => {
+              const params = { toolbarExclude: 'canvas,fullscreen' };
+              return params[key];
+            },
+          }}
+        />
+      );
+    }}
+  </Consumer>
+);