Fix broken QE selector

Signed-off-by: Ian Bolton <[email protected]>

Author: ibolton336

client/src/app/api/models.ts

@@ -456,7 +456,7 @@ export interface Target {
   labels?: TargetLabel[];
   image?: RulesetImage;
   ruleset: Ruleset;
-  provider?: string[];
+  provider?: string;
 }
 
 export interface Metadata {

client/src/app/components/SimpleSelectCheckbox.tsx

@@ -93,11 +93,12 @@ export const SimpleSelectCheckbox: React.FC<ISimpleSelectBasicProps> = ({
       onOpenChange={setIsOpen}
       toggle={(toggleref: React.Ref<MenuToggleElement>) => (
         <MenuToggle
+          aria-label={toggleAriaLabel}
+          id={toggleId}
           ref={toggleref}
           onClick={onToggleClick}
           style={{ width: width && width + "px" }}
           isExpanded={isOpen}
-          id={toggleId}
         >
           <span className={spacing.mrSm}>{placeholderText}</span>
           {selectedItems.length > 0 && (
@@ -110,6 +111,7 @@ export const SimpleSelectCheckbox: React.FC<ISimpleSelectBasicProps> = ({
       <SelectList>
         {selectOptions.map((option, index) => (
           <SelectOption
+            id={`checkbox-for-${option.value}`}
             hasCheckbox
             key={option.value}
             isFocused={index === 0}

client/src/app/components/target-card/target-card.tsx

@@ -110,14 +110,15 @@ export const TargetCard: React.FC<TargetCardProps> = ({
 
   return (
     <Card
+      id={`target-card-${target.name.replace(/\s/g, "-")}`}
       onClick={handleCardClick}
       isSelectable
       isSelected={isCardSelected}
       className="pf-v5-l-stack pf-v5-l-stack__item pf-m-fill"
     >
       <CardHeader
         selectableActions={{
-          selectableActionId: "" + target.id,
+          selectableActionId: "target-name-" + target.name,
           selectableActionAriaLabelledby: `${target.name}-selectable-action-label`,
           isChecked: isCardSelected,
         }}

client/src/app/pages/applications/analysis-wizard/set-targets.tsx

@@ -184,7 +184,7 @@ export const SetTargets: React.FC<SetTargetsProps> = ({ applications }) => {
         onChange={(selection) => {
           setProvider(selection as string[]);
         }}
-        toggleId="language-select-toggle"
+        toggleId="action-select-toggle"
       />
       {values.selectedTargets.length === 0 &&
         values.customRulesFiles.length === 0 &&

client/src/app/pages/migration-targets/components/custom-target-form.tsx

@@ -307,7 +307,7 @@ export const CustomTargetForm: React.FC<CustomTargetFormProps> = ({
             },
           }),
       },
-      provider: [providerType] || ["Java"],
+      provider: providerType || "Java",
     };
 
     if (target) {