Fixes #38289 - customize CardTemplate ouiaId

(cherry picked from commit 8b00ca2)

Author: ianballou

webpack/assets/javascripts/react_app/components/HostDetails/Templates/CardItem/CardTemplate/index.js

@@ -22,6 +22,7 @@ const CardTemplate = ({
   overrideGridProps,
   overrideDropdownProps,
   masonryLayout,
+  ouiaId,
 }) => {
   const { cardExpandStates, dispatch, registerCard } = useContext(
     CardExpansionContext
@@ -60,7 +61,10 @@ const CardTemplate = ({
       {...overrideGridProps}
       className="masonry-item"
     >
-      <Card isExpanded={isExpanded} ouiaId={`card-template-${cardId}`}>
+      <Card
+        isExpanded={isExpanded}
+        ouiaId={`card-template-${ouiaId || cardId}`}
+      >
         <CardHeader
           onExpand={expandable && onExpandCallback}
           isToggleRightAligned
@@ -101,6 +105,7 @@ CardTemplate.propTypes = {
   overrideDropdownProps: PropTypes.object,
   expandable: PropTypes.bool,
   masonryLayout: PropTypes.bool,
+  ouiaId: PropTypes.string,
 };
 
 CardTemplate.defaultProps = {
@@ -110,6 +115,7 @@ CardTemplate.defaultProps = {
   overrideDropdownProps: {},
   expandable: false,
   masonryLayout: false,
+  ouiaId: undefined,
 };
 
 export default CardTemplate;