test: expose stable frontend selectors

Author: stefan-ernst

frontend/src/lib/forms/WorkItemForm.svelte

@@ -571,6 +571,8 @@
           <div class="space-y-1">
             <Label color="default">{t('items.labels') || 'Labels'}</Label>
             <WorkspaceLabelCombobox
+              id="create-label-picker-input"
+              testidPrefix="create-label-picker"
               workspaceId={store.formData.workspace_id}
               bind:value={store.formData.label_names}
               placeholder={t('items.selectOrCreateLabels') || 'Select or create labels...'}
@@ -716,6 +718,8 @@
               {t('items.labels') || 'Labels'} <span style="color: var(--ds-text-danger, #ef4444);">*</span>
             </Label>
             <WorkspaceLabelCombobox
+              id="create-label-picker-input"
+              testidPrefix="create-label-picker"
               workspaceId={store.formData.workspace_id}
               bind:value={store.formData.label_names}
               placeholder={t('items.selectOrCreateLabels') || 'Select or create labels...'}

frontend/src/lib/pickers/WorkspaceLabelCombobox.svelte

@@ -9,6 +9,8 @@
 
   let {
     workspaceId,
+    id = undefined,
+    testidPrefix = 'workspace-label-picker',
     value = $bindable(/** @type {string[] | string} */ ([])),
     placeholder = '',
     class: className = '',
@@ -96,6 +98,7 @@
 </script>
 
 <BasePicker
+  {id}
   value={valueAsIds}
   items={labels}
   {loading}
@@ -109,6 +112,7 @@
   searchFields={['name']}
   getValue={(label) => label?.id}
   getLabel={(label) => label?.name ?? ''}
+  optionTestid={(option) => `${testidPrefix}-option-${option.value}`}
   onOpen={() => onOpen?.()}
   onClose={() => onClose?.()}
   onChange={handleChange}

frontend/src/lib/workspaces/WorkspaceMembers.svelte

@@ -297,6 +297,7 @@
 
   function getAssignmentActionItems(assignment) {
     return assignment.roles.map(role => ({
+      testid: `workspace-member-remove-role-${assignment.row_key}-${role.role_id}`,
       title: t('workspaceMembers.removeRoleAction', { role: getRoleName(assignmentRole(role)) }),
       icon: Trash2,
       onClick: () => assignment.type === 'group'

frontend/src/lib/workspaces/WorkspaceSettings.svelte

@@ -302,7 +302,7 @@
     </div>
   </Card>
 {:else if workspace}
-  <div class="space-y-6">
+  <div class="space-y-6" data-testid={`workspace-settings-module-${activeTab}`}>
     <PageHeader
       icon={currentModule?.icon}
       title={t(currentModule?.labelKey)}