Try to fix bench

Author: bernardobelchior

test/performance-charts/tests/ScatterChartPro.bench.tsx

@@ -63,13 +63,13 @@ describe('ScatterChartPro', () => {
           width={500}
           height={300}
           initialZoom={[
-            { axisId: 'x', start: 50, end: 50.001 },
-            { axisId: 'y', start: 50, end: 50.001 },
+            { axisId: 'x', start: 50, end: 50.01 },
+            { axisId: 'y', start: 50, end: 50.01 },
           ]}
         />,
       );
 
-      await findByText('50.0006', { ignore: 'span' });
+      await findByText('50.006', { ignore: 'span' });
 
       cleanup();
     },

test/performance-charts/tests/ScatterChartPro.test.tsx

@@ -0,0 +1,78 @@
+import * as React from 'react';
+// eslint-disable-next-line no-restricted-imports
+import { render, cleanup } from '@testing-library/react';
+import { bench, describe } from 'vitest';
+import { ScatterChartPro } from '@mui/x-charts-pro/ScatterChartPro';
+import { options } from '../utils/options';
+
+describe('ScatterChartPro', () => {
+  const dataLength = 50;
+  const data = Array.from({ length: dataLength }).map((_, i) => ({
+    x: i,
+    y: 50 + Math.sin(i / 5) * 25,
+  }));
+
+  const xData = data.map((d) => d.x);
+
+  bench(
+    'ScatterChartPro with big data amount',
+    async () => {
+      const { findByText } = render(
+        <ScatterChartPro
+          xAxis={[
+            {
+              id: 'x',
+              data: xData,
+              zoom: { filterMode: 'discard' },
+              valueFormatter: (v: number) => v.toLocaleString('en-US'),
+            },
+          ]}
+          initialZoom={[{ axisId: 'x', start: 20, end: 70 }]}
+          series={[
+            {
+              data,
+            },
+          ]}
+          width={500}
+          height={300}
+        />,
+      );
+
+      await findByText('60', { ignore: 'span' });
+
+      cleanup();
+    },
+    options,
+  );
+
+  bench(
+    'ScatterChartPro with big data amount and zoomed in',
+    async () => {
+      const { findByText } = render(
+        <ScatterChartPro
+          xAxis={[
+            {
+              id: 'x',
+              data: xData,
+              valueFormatter: (v: number) => v.toLocaleString('en-US'),
+              zoom: { minSpan: 0 },
+            },
+          ]}
+          yAxis={[{ id: 'y', zoom: { minSpan: 0 } }]}
+          series={[{ data }]}
+          width={500}
+          height={300}
+          initialZoom={[
+            { axisId: 'x', start: 50, end: 50.001 },
+            { axisId: 'y', start: 50, end: 50.001 },
+          ]}
+        />,
+      );
+
+      await findByText('50.0006', { ignore: 'span' });
+
+      cleanup();
+    },
+    options,
+  );
+});