More Test IDs (#6119)

Author: manojVivek

ui/packages/shared/profile/src/ProfileMetricsGraph/index.tsx

@@ -377,14 +377,18 @@ const ProfileMetricsGraph = ({
         transition={{duration: 0.5}}
       >
         {isTrimmed ? (
-          <div className="flex justify-center items-center gap-2">
+          <div
+            className="flex justify-center items-center gap-2"
+            {...testId(TEST_IDS.METRICS_GRAPH_TRIMMED_BANNER)}
+          >
             <span className="text-sm text-amber-800 dark:text-amber-200 bg-amber-100 dark:bg-amber-900 text-center px-2 rounded">
               Note: Showing only {afterTrim} of {new Intl.NumberFormat().format(beforeTrim)} series
               for performance reasons. Please narrow your query to view more.
             </span>
             <button
               onClick={() => setShowAllSeriesForResponse(response)}
               className="text-sm px-1 bg-amber-600 hover:bg-amber-700 dark:bg-amber-700 dark:hover:bg-amber-600 text-white rounded font-medium transition-colors"
+              {...testId(TEST_IDS.METRICS_GRAPH_SHOW_ALL_BUTTON)}
             >
               Show all {new Intl.NumberFormat().format(beforeTrim)}
             </button>

ui/packages/shared/test-utils/src/test-ids.ts

@@ -96,6 +96,8 @@ export const TEST_IDS = {
   // Metrics Graph
   METRICS_GRAPH: 'metrics-graph',
   METRICS_GRAPH_TOOLTIP: 'metrics-graph-tooltip',
+  METRICS_GRAPH_TRIMMED_BANNER: 'metrics-graph-trimmed-banner',
+  METRICS_GRAPH_SHOW_ALL_BUTTON: 'metrics-graph-show-all-button',
   TOOLTIP_LABEL: 'tooltip-label',
   TOOLTIP_LABEL_KEY: 'tooltip-label-key',
   TOOLTIP_LABEL_VALUE: 'tooltip-label-value',