Add tests

src/components/TopMenuSection.vue

@@ -31,7 +31,10 @@
           >
             <i class="icon-[lucide--panel-right] size-4" />
           </IconButton>
-          <QueueInlineProgress :hidden="isQueueOverlayExpanded" />
+          <QueueInlineProgress
+            :hidden="isQueueOverlayExpanded"
+            data-testid="queue-inline-progress"
+          />
         </div>
         <QueueProgressOverlay v-model:expanded="isQueueOverlayExpanded" />
       </div>

src/components/queue/QueueOverlayHeader.vue

@@ -68,6 +68,7 @@
         size="sm"
         class="size-6 bg-transparent hover:bg-secondary-background hover:opacity-100"
         :aria-label="t('g.close')"
+        data-testid="queue-overlay-close-button"
         @click="onCloseClick"
       >
         <i

src/components/queue/QueueProgressOverlay.vue

@@ -6,6 +6,7 @@
     <div
       class="pointer-events-auto flex w-[350px] min-w-[310px] max-h-[60vh] flex-col overflow-hidden rounded-lg border font-inter transition-colors duration-200 ease-in-out"
       :class="containerClass"
+      data-testid="queue-overlay"
     >
       <!-- Expanded state -->
       <QueueOverlayExpanded

src/components/queue/job/QueueJobItem.vue

@@ -2,6 +2,9 @@
   <div
     ref="rowRef"
     class="relative"
+    data-testid="queue-job-item"
+    :data-job-id="props.jobId"
+    :data-job-state="props.state"
     @mouseenter="handleMouseEnter"
     @mouseleave="handleMouseLeave"
     @contextmenu.stop.prevent="onContextMenu"
@@ -117,6 +120,7 @@
               size="sm"
               :class="getActionButtonClass()"
               :aria-label="action.ariaLabel"
+              :data-testid="`job-action-${action.key}`"
               @click.stop="action.onClick?.($event)"
             >
               <i :class="cn(action.iconClass, 'size-4')" />
@@ -127,6 +131,7 @@
               type="transparent"
               :label="action.label"
               :aria-label="action.ariaLabel"
+              :data-testid="`job-action-${action.key}`"
               @click.stop="action.onClick?.($event)"
             />
           </template>
@@ -141,6 +146,7 @@
               size="sm"
               :class="getActionButtonClass()"
               :aria-label="action.ariaLabel"
+              :data-testid="`job-action-${action.key}`"
               @click.stop="action.onClick?.($event)"
             >
               <i :class="cn(action.iconClass, 'size-4')" />
@@ -151,6 +157,7 @@
               type="transparent"
               :label="action.label"
               :aria-label="action.ariaLabel"
+              :data-testid="`job-action-${action.key}`"
               @click.stop="action.onClick?.($event)"
             />
           </template>