From b3d90339edef1c740ccc9f6a913ccc0288a0824e Mon Sep 17 00:00:00 2001
From: Alina Visan <alycry.alina@gmail.com>
Date: Thu, 12 Oct 2023 14:31:11 +0300
Subject: [PATCH] add delay to chromatic snapshots (#2599)

---
 packages/ag-grid-theme/stories/examples/CheckboxSelection.tsx   | 2 +-
 packages/ag-grid-theme/stories/examples/Coloration.tsx          | 2 +-
 packages/ag-grid-theme/stories/examples/ColumnGroup.tsx         | 2 +-
 packages/ag-grid-theme/stories/examples/ColumnSpanning.tsx      | 2 +-
 packages/ag-grid-theme/stories/examples/ContextMenu.tsx         | 2 +-
 packages/ag-grid-theme/stories/examples/CustomFilter.tsx        | 2 +-
 packages/ag-grid-theme/stories/examples/Default.tsx             | 2 +-
 packages/ag-grid-theme/stories/examples/DragRowOrder.tsx        | 2 +-
 packages/ag-grid-theme/stories/examples/FloatingFilter.tsx      | 2 +-
 packages/ag-grid-theme/stories/examples/HDCompact.tsx           | 2 +-
 packages/ag-grid-theme/stories/examples/HDCompactDark.tsx       | 2 +-
 packages/ag-grid-theme/stories/examples/Icons.tsx               | 2 +-
 packages/ag-grid-theme/stories/examples/InfiniteScroll.tsx      | 2 +-
 packages/ag-grid-theme/stories/examples/LoadingOverlay.tsx      | 2 +-
 packages/ag-grid-theme/stories/examples/MasterDetail.tsx        | 2 +-
 packages/ag-grid-theme/stories/examples/MasterDetailDark.tsx    | 2 +-
 packages/ag-grid-theme/stories/examples/NoDataOverlay.tsx       | 2 +-
 packages/ag-grid-theme/stories/examples/Pagination.tsx          | 2 +-
 packages/ag-grid-theme/stories/examples/ParentChildRows.tsx     | 2 +-
 packages/ag-grid-theme/stories/examples/PinnedRows.tsx          | 2 +-
 packages/ag-grid-theme/stories/examples/RowGroupPanel.tsx       | 2 +-
 packages/ag-grid-theme/stories/examples/RowGrouping.tsx         | 2 +-
 packages/ag-grid-theme/stories/examples/StatusBar.tsx           | 2 +-
 packages/ag-grid-theme/stories/examples/StatusBarDark.tsx       | 2 +-
 packages/ag-grid-theme/stories/examples/VariantSecondary.tsx    | 2 +-
 .../ag-grid-theme/stories/examples/VariantSecondaryDark.tsx     | 2 +-
 packages/ag-grid-theme/stories/examples/VariantZebra.tsx        | 2 +-
 packages/ag-grid-theme/stories/examples/VariantZebraDark.tsx    | 2 +-
 packages/ag-grid-theme/stories/examples/WrappedHeader.tsx       | 2 +-
 29 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/packages/ag-grid-theme/stories/examples/CheckboxSelection.tsx b/packages/ag-grid-theme/stories/examples/CheckboxSelection.tsx
index a38e1abff22..f137365713c 100644
--- a/packages/ag-grid-theme/stories/examples/CheckboxSelection.tsx
+++ b/packages/ag-grid-theme/stories/examples/CheckboxSelection.tsx
@@ -28,7 +28,7 @@ const CheckboxSelection = (props: AgGridReactProps) => {
 };
 
 CheckboxSelection.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default CheckboxSelection;
diff --git a/packages/ag-grid-theme/stories/examples/Coloration.tsx b/packages/ag-grid-theme/stories/examples/Coloration.tsx
index 4c1d6199441..ed27804c74b 100644
--- a/packages/ag-grid-theme/stories/examples/Coloration.tsx
+++ b/packages/ag-grid-theme/stories/examples/Coloration.tsx
@@ -27,7 +27,7 @@ const Coloration = (props: AgGridReactProps) => {
 };
 
 Coloration.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default Coloration;
diff --git a/packages/ag-grid-theme/stories/examples/ColumnGroup.tsx b/packages/ag-grid-theme/stories/examples/ColumnGroup.tsx
index 4c971915533..10e1957f7ea 100644
--- a/packages/ag-grid-theme/stories/examples/ColumnGroup.tsx
+++ b/packages/ag-grid-theme/stories/examples/ColumnGroup.tsx
@@ -71,7 +71,7 @@ const columnsWithGrouping = (
 ];
 
 ColumnGroup.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default ColumnGroup;
diff --git a/packages/ag-grid-theme/stories/examples/ColumnSpanning.tsx b/packages/ag-grid-theme/stories/examples/ColumnSpanning.tsx
index 3f2edda04c0..c25d22d7011 100644
--- a/packages/ag-grid-theme/stories/examples/ColumnSpanning.tsx
+++ b/packages/ag-grid-theme/stories/examples/ColumnSpanning.tsx
@@ -27,7 +27,7 @@ const ColumnSpanning = (props: AgGridReactProps) => {
 };
 
 ColumnSpanning.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default ColumnSpanning;
diff --git a/packages/ag-grid-theme/stories/examples/ContextMenu.tsx b/packages/ag-grid-theme/stories/examples/ContextMenu.tsx
index a8c1712d803..49e4aeb7a70 100644
--- a/packages/ag-grid-theme/stories/examples/ContextMenu.tsx
+++ b/packages/ag-grid-theme/stories/examples/ContextMenu.tsx
@@ -162,7 +162,7 @@ const ContextMenu = (props: AgGridReactProps) => {
 };
 
 ContextMenu.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default ContextMenu;
diff --git a/packages/ag-grid-theme/stories/examples/CustomFilter.tsx b/packages/ag-grid-theme/stories/examples/CustomFilter.tsx
index e5538b1f337..6c79a4ed158 100644
--- a/packages/ag-grid-theme/stories/examples/CustomFilter.tsx
+++ b/packages/ag-grid-theme/stories/examples/CustomFilter.tsx
@@ -108,7 +108,7 @@ const CustomFilter = (props: AgGridReactProps) => {
 };
 
 CustomFilter.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default CustomFilter;
diff --git a/packages/ag-grid-theme/stories/examples/Default.tsx b/packages/ag-grid-theme/stories/examples/Default.tsx
index 981dfe5417c..5017ce87c19 100644
--- a/packages/ag-grid-theme/stories/examples/Default.tsx
+++ b/packages/ag-grid-theme/stories/examples/Default.tsx
@@ -44,7 +44,7 @@ const Default = (props: AgGridReactProps) => {
 };
 
 Default.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default Default;
diff --git a/packages/ag-grid-theme/stories/examples/DragRowOrder.tsx b/packages/ag-grid-theme/stories/examples/DragRowOrder.tsx
index 8c0fc31eb90..12a8eccf13e 100644
--- a/packages/ag-grid-theme/stories/examples/DragRowOrder.tsx
+++ b/packages/ag-grid-theme/stories/examples/DragRowOrder.tsx
@@ -29,7 +29,7 @@ const DragRowOrder = (props: AgGridReactProps) => {
 };
 
 DragRowOrder.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default DragRowOrder;
diff --git a/packages/ag-grid-theme/stories/examples/FloatingFilter.tsx b/packages/ag-grid-theme/stories/examples/FloatingFilter.tsx
index 62c26232d08..7c821fe12be 100644
--- a/packages/ag-grid-theme/stories/examples/FloatingFilter.tsx
+++ b/packages/ag-grid-theme/stories/examples/FloatingFilter.tsx
@@ -28,7 +28,7 @@ const FloatingFilter = (props: AgGridReactProps) => {
 };
 
 FloatingFilter.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default FloatingFilter;
diff --git a/packages/ag-grid-theme/stories/examples/HDCompact.tsx b/packages/ag-grid-theme/stories/examples/HDCompact.tsx
index 9c74b48de15..27c37d1048d 100644
--- a/packages/ag-grid-theme/stories/examples/HDCompact.tsx
+++ b/packages/ag-grid-theme/stories/examples/HDCompact.tsx
@@ -55,7 +55,7 @@ const HDCompact = (props: AgGridReactProps) => {
 };
 
 HDCompact.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default HDCompact;
diff --git a/packages/ag-grid-theme/stories/examples/HDCompactDark.tsx b/packages/ag-grid-theme/stories/examples/HDCompactDark.tsx
index 7e7fe8b9796..ea2c4ce3c9f 100644
--- a/packages/ag-grid-theme/stories/examples/HDCompactDark.tsx
+++ b/packages/ag-grid-theme/stories/examples/HDCompactDark.tsx
@@ -57,7 +57,7 @@ const HDCompactDark = (props: AgGridReactProps) => {
 };
 
 HDCompactDark.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default HDCompactDark;
diff --git a/packages/ag-grid-theme/stories/examples/Icons.tsx b/packages/ag-grid-theme/stories/examples/Icons.tsx
index 93fe25d1f75..f4dbb939ee5 100644
--- a/packages/ag-grid-theme/stories/examples/Icons.tsx
+++ b/packages/ag-grid-theme/stories/examples/Icons.tsx
@@ -43,7 +43,7 @@ const Icons = () => {
 };
 
 Icons.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default Icons;
diff --git a/packages/ag-grid-theme/stories/examples/InfiniteScroll.tsx b/packages/ag-grid-theme/stories/examples/InfiniteScroll.tsx
index adb96bbbab0..7a6ffcd6143 100644
--- a/packages/ag-grid-theme/stories/examples/InfiniteScroll.tsx
+++ b/packages/ag-grid-theme/stories/examples/InfiniteScroll.tsx
@@ -76,7 +76,7 @@ const infiniteScrollComponents = {
 };
 
 InfiniteScroll.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default InfiniteScroll;
diff --git a/packages/ag-grid-theme/stories/examples/LoadingOverlay.tsx b/packages/ag-grid-theme/stories/examples/LoadingOverlay.tsx
index 706e37df7c7..673d5c2c545 100644
--- a/packages/ag-grid-theme/stories/examples/LoadingOverlay.tsx
+++ b/packages/ag-grid-theme/stories/examples/LoadingOverlay.tsx
@@ -60,7 +60,7 @@ const LoadingOverlay = (props: AgGridReactProps) => {
 };
 
 LoadingOverlay.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default LoadingOverlay;
diff --git a/packages/ag-grid-theme/stories/examples/MasterDetail.tsx b/packages/ag-grid-theme/stories/examples/MasterDetail.tsx
index 993aff2d01d..53ad168e618 100644
--- a/packages/ag-grid-theme/stories/examples/MasterDetail.tsx
+++ b/packages/ag-grid-theme/stories/examples/MasterDetail.tsx
@@ -48,7 +48,7 @@ const MasterDetail = (props: AgGridReactProps) => {
 };
 
 MasterDetail.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default MasterDetail;
diff --git a/packages/ag-grid-theme/stories/examples/MasterDetailDark.tsx b/packages/ag-grid-theme/stories/examples/MasterDetailDark.tsx
index 8572ef3df63..05de3e21a09 100644
--- a/packages/ag-grid-theme/stories/examples/MasterDetailDark.tsx
+++ b/packages/ag-grid-theme/stories/examples/MasterDetailDark.tsx
@@ -54,7 +54,7 @@ const MasterDetailDark = (props: AgGridReactProps) => {
 };
 
 MasterDetailDark.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default MasterDetailDark;
diff --git a/packages/ag-grid-theme/stories/examples/NoDataOverlay.tsx b/packages/ag-grid-theme/stories/examples/NoDataOverlay.tsx
index 76e98e29801..67fc2b0c6b6 100644
--- a/packages/ag-grid-theme/stories/examples/NoDataOverlay.tsx
+++ b/packages/ag-grid-theme/stories/examples/NoDataOverlay.tsx
@@ -130,7 +130,7 @@ const NoDataOverlay = (props: AgGridReactProps) => {
 };
 
 NoDataOverlay.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default NoDataOverlay;
diff --git a/packages/ag-grid-theme/stories/examples/Pagination.tsx b/packages/ag-grid-theme/stories/examples/Pagination.tsx
index b0882d0a8c0..a09dfed1b46 100644
--- a/packages/ag-grid-theme/stories/examples/Pagination.tsx
+++ b/packages/ag-grid-theme/stories/examples/Pagination.tsx
@@ -53,7 +53,7 @@ const Pagination = () => (
 );
 
 Pagination.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default Pagination;
diff --git a/packages/ag-grid-theme/stories/examples/ParentChildRows.tsx b/packages/ag-grid-theme/stories/examples/ParentChildRows.tsx
index 7b4fdabde77..f1e89d6e1a2 100644
--- a/packages/ag-grid-theme/stories/examples/ParentChildRows.tsx
+++ b/packages/ag-grid-theme/stories/examples/ParentChildRows.tsx
@@ -35,7 +35,7 @@ const ParentChildRows = (props: AgGridReactProps) => {
 };
 
 ParentChildRows.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default ParentChildRows;
diff --git a/packages/ag-grid-theme/stories/examples/PinnedRows.tsx b/packages/ag-grid-theme/stories/examples/PinnedRows.tsx
index e540d897c04..2237c15a4c9 100644
--- a/packages/ag-grid-theme/stories/examples/PinnedRows.tsx
+++ b/packages/ag-grid-theme/stories/examples/PinnedRows.tsx
@@ -102,5 +102,5 @@ export default function PinnedRows(props: PinnedRowsExampleProps) {
 }
 
 PinnedRows.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
diff --git a/packages/ag-grid-theme/stories/examples/RowGroupPanel.tsx b/packages/ag-grid-theme/stories/examples/RowGroupPanel.tsx
index ab6b9c4df83..30a914be8dd 100644
--- a/packages/ag-grid-theme/stories/examples/RowGroupPanel.tsx
+++ b/packages/ag-grid-theme/stories/examples/RowGroupPanel.tsx
@@ -31,7 +31,7 @@ const RowGroupPanel = (props: AgGridReactProps) => {
 };
 
 RowGroupPanel.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default RowGroupPanel;
diff --git a/packages/ag-grid-theme/stories/examples/RowGrouping.tsx b/packages/ag-grid-theme/stories/examples/RowGrouping.tsx
index 6206c37980e..7e68b4a0a39 100644
--- a/packages/ag-grid-theme/stories/examples/RowGrouping.tsx
+++ b/packages/ag-grid-theme/stories/examples/RowGrouping.tsx
@@ -27,7 +27,7 @@ const RowGrouping = (props: AgGridReactProps) => {
 };
 
 RowGrouping.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default RowGrouping;
diff --git a/packages/ag-grid-theme/stories/examples/StatusBar.tsx b/packages/ag-grid-theme/stories/examples/StatusBar.tsx
index 2fc244d3ec6..c18ee534d19 100644
--- a/packages/ag-grid-theme/stories/examples/StatusBar.tsx
+++ b/packages/ag-grid-theme/stories/examples/StatusBar.tsx
@@ -54,7 +54,7 @@ const StatusBar = (props: AgGridReactProps) => {
 };
 
 StatusBar.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default StatusBar;
diff --git a/packages/ag-grid-theme/stories/examples/StatusBarDark.tsx b/packages/ag-grid-theme/stories/examples/StatusBarDark.tsx
index 655ccadb0a5..95e9fbe0496 100644
--- a/packages/ag-grid-theme/stories/examples/StatusBarDark.tsx
+++ b/packages/ag-grid-theme/stories/examples/StatusBarDark.tsx
@@ -58,7 +58,7 @@ const StatusBar = (props: AgGridReactProps) => {
 };
 
 StatusBar.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default StatusBar;
diff --git a/packages/ag-grid-theme/stories/examples/VariantSecondary.tsx b/packages/ag-grid-theme/stories/examples/VariantSecondary.tsx
index 39570a1766e..56ad57085ad 100644
--- a/packages/ag-grid-theme/stories/examples/VariantSecondary.tsx
+++ b/packages/ag-grid-theme/stories/examples/VariantSecondary.tsx
@@ -34,7 +34,7 @@ const VariantSecondary = (props: AgGridReactProps) => {
 };
 
 VariantSecondary.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default VariantSecondary;
diff --git a/packages/ag-grid-theme/stories/examples/VariantSecondaryDark.tsx b/packages/ag-grid-theme/stories/examples/VariantSecondaryDark.tsx
index 0223161eb9e..a957ccf0b9a 100644
--- a/packages/ag-grid-theme/stories/examples/VariantSecondaryDark.tsx
+++ b/packages/ag-grid-theme/stories/examples/VariantSecondaryDark.tsx
@@ -40,7 +40,7 @@ const VariantZebraDark = (props: AgGridReactProps) => {
 };
 
 VariantZebraDark.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default VariantZebraDark;
diff --git a/packages/ag-grid-theme/stories/examples/VariantZebra.tsx b/packages/ag-grid-theme/stories/examples/VariantZebra.tsx
index 4b4fc38cff5..a279c2dc0de 100644
--- a/packages/ag-grid-theme/stories/examples/VariantZebra.tsx
+++ b/packages/ag-grid-theme/stories/examples/VariantZebra.tsx
@@ -34,7 +34,7 @@ const VariantZebra = (props: AgGridReactProps) => {
 };
 
 VariantZebra.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default VariantZebra;
diff --git a/packages/ag-grid-theme/stories/examples/VariantZebraDark.tsx b/packages/ag-grid-theme/stories/examples/VariantZebraDark.tsx
index 10ac6b705e9..f4423483cea 100644
--- a/packages/ag-grid-theme/stories/examples/VariantZebraDark.tsx
+++ b/packages/ag-grid-theme/stories/examples/VariantZebraDark.tsx
@@ -40,7 +40,7 @@ const VariantZebraDark = (props: AgGridReactProps) => {
 };
 
 VariantZebraDark.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default VariantZebraDark;
diff --git a/packages/ag-grid-theme/stories/examples/WrappedHeader.tsx b/packages/ag-grid-theme/stories/examples/WrappedHeader.tsx
index ad9ec94a766..fd4429819bd 100644
--- a/packages/ag-grid-theme/stories/examples/WrappedHeader.tsx
+++ b/packages/ag-grid-theme/stories/examples/WrappedHeader.tsx
@@ -77,7 +77,7 @@ const WrappedHeader = (props: AgGridReactProps) => {
 };
 
 WrappedHeader.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default WrappedHeader;