test: add full playwright ui regression coverage

admin/src/components/ui/select.tsx

@@ -4,7 +4,9 @@ import { Check, ChevronDown } from 'lucide-react'
 
 import { cn } from '@/lib/utils'
 
-type NativeSelectProps = React.ComponentProps<'select'>
+type NativeSelectProps = React.ComponentProps<'select'> & {
+  'data-testid'?: string
+}
 
 type SelectOption = {
   value: string
@@ -78,8 +80,11 @@ function getNextEnabledIndex(options: SelectOption[], currentIndex: number, dire
 const Select = React.forwardRef<HTMLSelectElement, NativeSelectProps>(
   (
     {
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledby,
       children,
       className,
+      'data-testid': dataTestId,
       defaultValue,
       disabled = false,
       id,
@@ -434,6 +439,9 @@ const Select = React.forwardRef<HTMLSelectElement, NativeSelectProps>(
           className="pointer-events-none absolute h-0 w-0 opacity-0"
           defaultValue={defaultValue}
           disabled={disabled}
+          aria-label={ariaLabel}
+          aria-labelledby={ariaLabelledby}
+          data-testid={dataTestId}
           id={id}
           onBlur={onBlur}
           onFocus={onFocus}
@@ -454,8 +462,11 @@ const Select = React.forwardRef<HTMLSelectElement, NativeSelectProps>(
         <button
           aria-controls={open ? menuId : undefined}
           aria-expanded={open}
+          aria-label={ariaLabel}
+          aria-labelledby={ariaLabelledby}
           aria-haspopup="listbox"
           className={triggerClasses}
+          data-testid={dataTestId}
           data-state={open ? 'open' : 'closed'}
           disabled={disabled}
           onBlur={(event) => {