more tests

elastic · Nov 6, 2024 · 486ad91 · 486ad91
1 parent c547619
commit 486ad91
Show file tree

Hide file tree

Showing 7 changed files with 590 additions and 188 deletions.
diff --git a/x-pack/plugins/data_usage/public/app/components/charts.tsx b/x-pack/plugins/data_usage/public/app/components/charts.tsx
@@ -9,18 +9,21 @@ import { EuiFlexGroup } from '@elastic/eui';
 import { MetricTypes } from '../../../common/rest_types';
 import { ChartPanel } from './chart_panel';
 import { UsageMetricsResponseSchemaBody } from '../../../common/rest_types';
+import { useTestIdGenerator } from '../../hooks/use_test_id_generator';
 interface ChartsProps {
   data: UsageMetricsResponseSchemaBody;
+  'data-test-subj'?: string;
 }
 
-export const Charts: React.FC<ChartsProps> = ({ data }) => {
+export const Charts: React.FC<ChartsProps> = ({ data, 'data-test-subj': dataTestSubj }) => {
+  const getTestId = useTestIdGenerator(dataTestSubj);
   const [popoverOpen, setPopoverOpen] = useState<string | null>(null);
   const togglePopover = useCallback((streamName: string | null) => {
     setPopoverOpen((prev) => (prev === streamName ? null : streamName));
   }, []);
 
   return (
-    <EuiFlexGroup direction="column">
+    <EuiFlexGroup direction="column" data-test-subj={getTestId('charts')}>
       {Object.entries(data.metrics).map(([metricType, series], idx) => (
         <ChartPanel
           key={metricType}