fix(graphCardMetricTotals): ent-4366 expand data-test (#838)

RedHatInsights · Dec 6, 2021 · 2dc7fc3 · 2dc7fc3
1 parent d8d69aa
commit 2dc7fc3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git 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
@@ -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