ci(chromatic): limit viewport size to not reach the pixels limit

hello-pangea · Mar 20, 2022 · c1fc084 · c1fc084
1 parent de6e21f
commit c1fc084
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/stories/1-single-vertical-list.stories.tsx b/stories/1-single-vertical-list.stories.tsx
@@ -28,7 +28,13 @@ const Title = styled.h4`
 
 storiesOf('single vertical list', module)
   .add('basic', () => <QuoteApp initial={data.small} />)
-  .add('large data set', () => <QuoteApp initial={data.large} />)
+  .add('large data set', () => <QuoteApp initial={data.large} />, {
+    chromatic: {
+      // This is to make sure we do not reach
+      // the 25,000,000px limit of the snapshot.
+      viewports: [320],
+    },
+  })
   .add('Droppable is a scroll container', () => (
     <QuoteApp
       initial={data.medium}

diff --git a/stories/45-virtual.stories.tsx b/stories/45-virtual.stories.tsx
@@ -14,6 +14,14 @@ storiesOf('Virtual: react-window', module)
 storiesOf('Virtual: react-virtualized', module)
   .add('list', () => <ReactVirtualizedList initial={getQuotes(1000)} />)
   .add('board', () => <ReactVirtualizedBoard />)
-  .add('window list', () => (
-    <ReactVirtualizedWindowList initial={getQuotes(1000)} />
-  ));
+  .add(
+    'window list',
+    () => <ReactVirtualizedWindowList initial={getQuotes(700)} />,
+    {
+      chromatic: {
+        // This is to make sure we do not reach
+        // the 25,000,000px limit of the snapshot.
+        viewports: [320],
+      },
+    },
+  );