add delay to chromatic snapshots (#2599)

jpmorganchase · Oct 17, 2023 · b3d9033 · b3d9033
1 parent ff87655
commit b3d9033
Show file tree

Hide file tree

Showing 29 changed files with 29 additions and 29 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -77,7 +77,7 @@ const WrappedHeader = (props: AgGridReactProps) => {
 };
 
 WrappedHeader.parameters = {
-  chromatic: { disableSnapshot: false },
+  chromatic: { disableSnapshot: false, delay: 200 },
 };
 
 export default WrappedHeader;