[8.x] [DataUsage][Serverless] Add missing tests (#198007) (#199375)

# Backport This will backport the following commits from `main` to `8.x`: - [[DataUsage][Serverless] Add missing tests (#198007)](#198007)  ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sqren/backport)  Co-authored-by: Ash <1849116+ashokaditya@users.noreply.github.com>
elastic · Nov 7, 2024 · de032ca · de032ca
1 parent 21cc331
commit de032ca
Show file tree

Hide file tree

Showing 20 changed files with 1,344 additions and 215 deletions.
diff --git a/x-pack/plugins/data_usage/common/test_utils/test_query_client_options.ts b/x-pack/plugins/data_usage/common/test_utils/test_query_client_options.ts
@@ -0,0 +1,20 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+/* eslint-disable no-console */
+export const dataUsageTestQueryClientOptions = {
+  defaultOptions: {
+    queries: {
+      retry: false,
+      cacheTime: 0,
+    },
+  },
+  logger: {
+    log: console.log,
+    warn: console.warn,
+    error: () => {},
+  },
+};
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}