From 2dc7fc3a91c6b7389102bfd64853bbc80c7c956f Mon Sep 17 00:00:00 2001
From: CD Cabrera <ccabrera@redhat.com>
Date: Mon, 29 Nov 2021 12:00:30 -0500
Subject: [PATCH] fix(graphCardMetricTotals): ent-4366 expand data-test (#838)

---
 .../__snapshots__/graphCardMetricTotals.test.js.snap          | 4 ++++
 src/components/graphCard/graphCardMetricTotals.js             | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/graphCard/__tests__/__snapshots__/graphCardMetricTotals.test.js.snap b/src/components/graphCard/__tests__/__snapshots__/graphCardMetricTotals.test.js.snap
index c7dead634..fab8401d7 100644
--- a/src/components/graphCard/__tests__/__snapshots__/graphCardMetricTotals.test.js.snap
+++ b/src/components/graphCard/__tests__/__snapshots__/graphCardMetricTotals.test.js.snap
@@ -3,6 +3,7 @@
 exports[`GraphCardMetricTotals Component should handle multiple display states: error 1`] = `
 <Flex
   className="curiosity-usage-graph__totals"
+  data-test="graphMetricTotals-"
 >
   <Flex
     alignSelf={
@@ -113,6 +114,7 @@ exports[`GraphCardMetricTotals Component should handle multiple display states:
 exports[`GraphCardMetricTotals Component should handle multiple display states: fulfilled 1`] = `
 <Flex
   className="curiosity-usage-graph__totals"
+  data-test="graphMetricTotals-"
 >
   <Flex
     alignSelf={
@@ -227,6 +229,7 @@ exports[`GraphCardMetricTotals Component should handle multiple display states:
 exports[`GraphCardMetricTotals Component should handle multiple display states: pending 1`] = `
 <Flex
   className="curiosity-usage-graph__totals"
+  data-test="graphMetricTotals-"
 >
   <Flex
     alignSelf={
@@ -357,6 +360,7 @@ exports[`GraphCardMetricTotals Component should handle multiple display states:
 exports[`GraphCardMetricTotals Component should render a basic component: basic 1`] = `
 <Flex
   className="curiosity-usage-graph__totals"
+  data-test="graphMetricTotals-"
 >
   <Flex
     alignSelf={
diff --git a/src/components/graphCard/graphCardMetricTotals.js b/src/components/graphCard/graphCardMetricTotals.js
index a57e46839..2330bc8cb 100644
--- a/src/components/graphCard/graphCardMetricTotals.js
+++ b/src/components/graphCard/graphCardMetricTotals.js
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Card, CardBody, CardFooter, CardTitle, Flex, FlexItem } from '@patternfly/react-core';
 import moment from 'moment';
+import _camelCase from 'lodash/camelCase';
 import { useProductGraphTallyQuery } from '../productView/productViewContext';
 import { useMetricsSelector } from './graphCardContext';
 import { MinHeight } from '../minHeight/minHeight';
@@ -46,7 +47,7 @@ const GraphCardMetricTotals = ({
   const dailyValue = isCurrent ? currentValue : lastValue;
 
   return (
-    <Flex className="curiosity-usage-graph__totals">
+    <Flex data-test={`graphMetricTotals-${_camelCase(metricId)}`} className="curiosity-usage-graph__totals">
       <Flex flex={{ default: 'flex_1' }} direction={{ default: 'column' }} alignSelf={{ default: 'alignSelfStretch' }}>
         <FlexItem className="curiosity-usage-graph__totals-column">
           <Card