Wizard: Make aria-label different for groups and pkgs

Author: regexowl

src/Components/CreateImageWizard/steps/Packages/components/RemovePackageButton.tsx

@@ -16,11 +16,13 @@ type RemovePackageButtonProps = {
 };
 
 const RemovePackageButton = ({ item, onRemove }: RemovePackageButtonProps) => {
+  const packageType = 'package_list' in item ? 'package group' : 'package';
+
   return (
     <Button
       variant='plain'
       icon={<MinusCircleIcon />}
-      aria-label='Remove package'
+      aria-label={`Remove ${packageType}`}
       onClick={() => onRemove(item)}
       isInline
       hasNoPadding

src/test/Components/CreateImageWizard/steps/Packages/Packages.test.tsx

@@ -439,7 +439,7 @@ describe('Packages request generated correctly', () => {
     await selectFirstPkgOption('grouper'); // select
     await waitFor(async () =>
       user.click(
-        await screen.findByRole('button', { name: /remove package/i }),
+        await screen.findByRole('button', { name: /remove package group/i }),
       ),
     );
     await goToReview();