test(electron): add test cases for electron tabs (#7635)

fix AF-1000

packages/frontend/core/src/modules/app-tabs-header/views/app-tabs-header.tsx

@@ -84,6 +84,7 @@ const WorkbenchTab = ({
   return (
     <div
       key={workbench.id}
+      data-testid="workbench-tab"
       data-active={tabActive}
       data-pinned={workbench.pinned}
       className={styles.tab}
@@ -93,6 +94,7 @@ const WorkbenchTab = ({
           <Fragment key={view.id}>
             <button
               key={view.id}
+              data-testid="split-view-label"
               className={styles.splitViewLabel}
               data-active={activeViewIndex === viewIdx && tabActive}
               onContextMenu={() => {
@@ -125,7 +127,11 @@ const WorkbenchTab = ({
       })}
       {!workbench.pinned && tabsLength > 1 ? (
         <div className={styles.tabCloseButtonWrapper}>
-          <button className={styles.tabCloseButton} onClick={onCloseTab}>
+          <button
+            data-testid="close-tab-button"
+            className={styles.tabCloseButton}
+            onClick={onCloseTab}
+          >
             <CloseIcon />
           </button>
         </div>
@@ -214,7 +220,7 @@ export const AppTabsHeader = ({
             />
           );
         })}
-        <IconButton onClick={onAddTab}>
+        <IconButton onClick={onAddTab} data-testid="add-tab-view-button">
           <PlusIcon />
         </IconButton>
       </div>

packages/frontend/core/src/modules/workbench/view/split-view/indicator.tsx

@@ -47,6 +47,7 @@ export const SplitViewMenuIndicator = memo(
         <div
           ref={ref}
           data-active={active}
+          data-testid="split-view-indicator"
           className={clsx(className, styles.indicator)}
           onClick={onClick}
           onMouseDown={onMouseDown}