test(AnalyticalTable): disable all chromatic snapshots

Author: Lukas742

packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx

@@ -38,7 +38,7 @@ const meta = {
   title: 'Data Display / AnalyticalTable',
   component: AnalyticalTable,
   parameters: {
-    chromatic: { delay: 1000, diffThreshold: 0.5 }
+    chromatic: { disableSnapshot: true }
   },
   args: {
     data: dataLarge,
@@ -156,9 +156,6 @@ export const Default: Story = {};
 
 export const PluginDisableRowSelection: Story = {
   name: 'Plugin: useRowDisableSelection',
-  parameters: {
-    chromatic: { disableSnapshot: true }
-  },
   args: {
     data: dataLarge.map((item) => ({ ...item, disableSelection: Math.random() < 0.5 })),
     selectionMode: AnalyticalTableSelectionMode.MultiSelect
@@ -233,9 +230,6 @@ export const PluginIndeterminateRowSelection: Story = {
 
 export const PluginManualRowSelect: Story = {
   name: 'Plugin: useManualRowSelect',
-  parameters: {
-    chromatic: { disableSnapshot: true }
-  },
   args: {
     data: dataManualSelect
   },
@@ -372,9 +366,6 @@ const orderedMultiSortData = [
 ];
 
 export const PluginOrderedMultiSort = {
-  parameters: {
-    chromatic: { disableSnapshot: true }
-  },
   name: 'Plugin: useOrderedMultiSort',
   args: { orderedIds: ['name', 'name2', 'age', 'age2'] },
   argTypes: {
@@ -406,9 +397,6 @@ export const TreeTable: Story = {
 };
 
 export const InfiniteScrolling: Story = {
-  parameters: {
-    chromatic: { disableSnapshot: true }
-  },
   render: (args) => {
     const [data, setData] = useState(args.data.slice(0, 50));
     const [loading, setLoading] = useState(false);
@@ -507,9 +495,6 @@ export const DynamicRowCount = {
         'Select an option to change the height of the surrounding container of the table (in `px`). <br /> __Note__: This is not an actual prop of the table.'
     }
   },
-  parameters: {
-    chromatic: { disableSnapshot: true }
-  },
   render: (args) => {
     return (
       <div style={{ height: `${args.containerHeight}px` }}>
@@ -605,9 +590,6 @@ export const ResponsiveColumns: Story = {
 
 export const NavigationIndicator: Story = {
   args: { withNavigationHighlight: true, selectionMode: AnalyticalTableSelectionMode.MultiSelect, data: dataLarge },
-  parameters: {
-    chromatic: { disableSnapshot: true }
-  },
   render: (args) => {
     const [selectedRow, setSelectedRow] = useState();
     const onRowSelect = (e) => {