From c1fc0841b773347900fdecd6acc9ec74c8e4b100 Mon Sep 17 00:00:00 2001
From: Gabriel Santerre <gab@100terres.com>
Date: Sat, 19 Mar 2022 22:07:29 -0400
Subject: [PATCH] ci(chromatic): limit viewport size to not reach the pixels
 limit

---
 stories/1-single-vertical-list.stories.tsx |  8 +++++++-
 stories/45-virtual.stories.tsx             | 14 +++++++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/stories/1-single-vertical-list.stories.tsx b/stories/1-single-vertical-list.stories.tsx
index 3322c1241..00dce9123 100644
--- 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
index fe341f19a..2a2e3430a 100644
--- 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],
+      },
+    },
+  );