chore: Clean up unused files, imports, and work on getting end-to-end tests and unit tests running (#2272)

platform/ui/src/components/SplitButton/SplitButton.jsx

@@ -31,7 +31,7 @@ const classes = {
     classNames(
       baseClasses.Primary,
       primary.isActive && !isExpanded
-        ? 'bg-primary-light rounded-tr-md rounded-br-md'
+        ? 'bg-primary-light rounded-tr-md rounded-br-md active'
         : isExpanded
         ? 'bg-primary-dark'
         : 'bg-secondary-dark hover:bg-primary-dark'
@@ -83,7 +83,7 @@ const SplitButton = ({
   renderer,
   onInteraction,
 }) => {
-  const { primaryToolId, toggles, groups } = bState;
+  const { primaryToolId, toggles } = bState;
   /* Bubbles up individual item clicks */
   const getSplitButtonItems = items =>
     items.map((item, index) => ({
@@ -165,6 +165,8 @@ const SplitButton = ({
                 ...state,
                 primary: { isActive: isPrimaryActive },
               })}
+              data-tool={state.primary.id}
+              data-cy={`${groupId}-split-button-primary`}
             >
               <Tooltip
                 isDisabled={!state.primary.tooltip}
@@ -196,6 +198,7 @@ const SplitButton = ({
                 primary: { isActive: isPrimaryActive },
               })}
               onClick={onSecondaryClickHandler}
+              data-cy={`${groupId}-split-button-secondary`}
             >
               <Tooltip
                 isDisabled={state.isExpanded || !secondary.tooltip}
@@ -214,7 +217,10 @@ const SplitButton = ({
           </div>
         </div>
         {/* EXPANDED LIST OF OPTIONS */}
-        <div className={classes.Content({ ...state })}>
+        <div
+          className={classes.Content({ ...state })}
+          data-cy={`${groupId}-list-menu`}
+        >
           <ListMenu items={state.items} renderer={renderer} />
         </div>
       </div>