fix(graphCardMetricTotals): ent-4366 data-test attributes (#836)

RedHatInsights · Nov 30, 2021 · 6334272 · 6334272
1 parent fbddc88
commit 6334272
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/components/graphCard/__tests__/__snapshots__/graphCardMetricTotals.test.js.snap b/src/components/graphCard/__tests__/__snapshots__/graphCardMetricTotals.test.js.snap
@@ -26,6 +26,7 @@ exports[`GraphCardMetricTotals Component should handle multiple display states:
     >
       <Card
         className="curiosity-usage-graph__totals-column-card blur"
+        data-test="graphDailyTotalCard"
       >
         <CardTitle>
           t(curiosity-graph.cardHeadingMetric_dailyTotal, {"context":""})
@@ -55,6 +56,7 @@ exports[`GraphCardMetricTotals Component should handle multiple display states:
       </Card>
       <Card
         className="curiosity-usage-graph__totals-column-card blur"
+        data-test="graphMonthlyTotalCard"
       >
         <CardTitle>
           t(curiosity-graph.cardHeadingMetric_monthlyTotal, {"context":""})
@@ -134,6 +136,7 @@ exports[`GraphCardMetricTotals Component should handle multiple display states:
     >
       <Card
         className="curiosity-usage-graph__totals-column-card "
+        data-test="graphDailyTotalCard"
       >
         <CardTitle>
           t(curiosity-graph.cardHeadingMetric_dailyTotal, {"context":""})
@@ -165,6 +168,7 @@ exports[`GraphCardMetricTotals Component should handle multiple display states:
       </Card>
       <Card
         className="curiosity-usage-graph__totals-column-card "
+        data-test="graphMonthlyTotalCard"
       >
         <CardTitle>
           t(curiosity-graph.cardHeadingMetric_monthlyTotal, {"context":""})
@@ -246,6 +250,7 @@ exports[`GraphCardMetricTotals Component should handle multiple display states:
     >
       <Card
         className="curiosity-usage-graph__totals-column-card "
+        data-test="graphDailyTotalCard"
       >
         <CardTitle>
           t(curiosity-graph.cardHeadingMetric_dailyTotal, {"context":""})
@@ -285,6 +290,7 @@ exports[`GraphCardMetricTotals Component should handle multiple display states:
       </Card>
       <Card
         className="curiosity-usage-graph__totals-column-card "
+        data-test="graphMonthlyTotalCard"
       >
         <CardTitle>
           t(curiosity-graph.cardHeadingMetric_monthlyTotal, {"context":""})
@@ -374,6 +380,7 @@ exports[`GraphCardMetricTotals Component should render a basic component: basic
     >
       <Card
         className="curiosity-usage-graph__totals-column-card blur"
+        data-test="graphDailyTotalCard"
       >
         <CardTitle>
           t(curiosity-graph.cardHeadingMetric_dailyTotal, {"context":""})
@@ -403,6 +410,7 @@ exports[`GraphCardMetricTotals Component should render a basic component: basic
       </Card>
       <Card
         className="curiosity-usage-graph__totals-column-card blur"
+        data-test="graphMonthlyTotalCard"
       >
         <CardTitle>
           t(curiosity-graph.cardHeadingMetric_monthlyTotal, {"context":""})

diff --git a/src/components/graphCard/graphCardMetricTotals.js b/src/components/graphCard/graphCardMetricTotals.js
@@ -49,7 +49,10 @@ const GraphCardMetricTotals = ({
     <Flex className="curiosity-usage-graph__totals">
       <Flex flex={{ default: 'flex_1' }} direction={{ default: 'column' }} alignSelf={{ default: 'alignSelfStretch' }}>
         <FlexItem className="curiosity-usage-graph__totals-column">
-          <Card className={`curiosity-usage-graph__totals-column-card ${(error && 'blur') || ''}`}>
+          <Card
+            data-test="graphDailyTotalCard"
+            className={`curiosity-usage-graph__totals-column-card ${(error && 'blur') || ''}`}
+          >
             <CardTitle>
               {t('curiosity-graph.cardHeadingMetric_dailyTotal', {
                 context: [isCurrent && 'current', metricId],
@@ -92,7 +95,10 @@ const GraphCardMetricTotals = ({
               </CardFooter>
             </MinHeight>
           </Card>
-          <Card className={`curiosity-usage-graph__totals-column-card ${(error && 'blur') || ''}`}>
+          <Card
+            data-test="graphMonthlyTotalCard"
+            className={`curiosity-usage-graph__totals-column-card ${(error && 'blur') || ''}`}
+          >
             <CardTitle>
               {t('curiosity-graph.cardHeadingMetric_monthlyTotal', {
                 context: [isCurrent && 'current', metricId],