From bac647ded6c3fe854130d3ee9a98f698d4baeaf6 Mon Sep 17 00:00:00 2001
From: Gianluca Zuccarelli <gianlucazuccarelli@gmail.com>
Date: Wed, 18 Jun 2025 13:20:20 +0100
Subject: [PATCH] multiple: fix selectable card actions

The Card component needs an aria-label when the card is selectable. Since this was
not set, a warning error was polluting the test output.

Fixes #3319
---
 src/Components/Blueprints/BlueprintCard.tsx            | 10 +++++++++-
 .../steps/ImageOutput/TargetEnvironment.tsx            |  9 ++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/Components/Blueprints/BlueprintCard.tsx b/src/Components/Blueprints/BlueprintCard.tsx
index 6ec46644..e109fb3e 100644
--- a/src/Components/Blueprints/BlueprintCard.tsx
+++ b/src/Components/Blueprints/BlueprintCard.tsx
@@ -42,7 +42,15 @@ const BlueprintCard = ({ blueprint }: blueprintProps) => {
         isClickable
         onClick={() => dispatch(setBlueprintId(blueprint.id))}
       >
-        <CardHeader data-testid={blueprint.id}>
+        <CardHeader
+          data-testid={blueprint.id}
+          selectableActions={{
+            name: blueprint.id,
+            selectableActionId: blueprint.id,
+            selectableActionAriaLabel: blueprint.id,
+            isHidden: true, // hide the card's checkbox
+          }}
+        >
           <CardTitle>
             {isLoading && blueprint.id === selectedBlueprintId && (
               <Spinner size="md" />
diff --git a/src/Components/CreateImageWizard/steps/ImageOutput/TargetEnvironment.tsx b/src/Components/CreateImageWizard/steps/ImageOutput/TargetEnvironment.tsx
index 9de76242..cbc2b6e2 100644
--- a/src/Components/CreateImageWizard/steps/ImageOutput/TargetEnvironment.tsx
+++ b/src/Components/CreateImageWizard/steps/ImageOutput/TargetEnvironment.tsx
@@ -66,7 +66,14 @@ const TargetEnvironmentCard = ({
       isSelectable
       isLarge
     >
-      <CardHeader>
+      <CardHeader
+        selectableActions={{
+          name: title,
+          selectableActionId: title.toLowerCase(),
+          selectableActionAriaLabel: title.toLowerCase(),
+          isHidden: true, // hide the card's checkbox
+        }}
+      >
         <Flex direction={{ default: 'column' }}>
           <FlexItem>
             <img className="provider-icon" src={imageSrc} alt={imageAlt} />