@juspay/svelte-ui-components 2.28.3 → 2.29.0

package/dist/Select/Select.svelte

@@ -14,6 +14,7 @@
     bottomContent,
     optionIndicator,
     testId,
+    itemTestId,
     onchange,
     classes,
     open = $bindable(false)
@@ -307,7 +308,6 @@
         <div class="select-empty">No results</div>
       {:else}
         {#each filteredItems as item, index (item.id)}
-          <!-- svelte-ignore a11y_click_events_have_key_events -->
           <div
             class="select-option"
             class:multi={multiple}
@@ -317,6 +317,13 @@
             id={`${listboxId}-option-${index}`}
             aria-selected={value.includes(item.id)}
             tabindex="-1"
+            {...item.testId
+              ? { 'data-pw': item.testId }
+              : typeof itemTestId === 'string'
+                ? { 'data-pw': `${itemTestId}-${item.id}` }
+                : typeof testId === 'string'
+                  ? { 'data-pw': `${testId}-${item.id}` }
+                  : {}}
             onclick={() => selectItem(item.id)}
             onmouseenter={() => (highlightedIndex = index)}
           >

package/dist/Select/properties.d.ts

@@ -3,6 +3,8 @@ export type SelectProperties = MandatorySelectProperties & OptionalSelectPropert
 export type SelectItem = {
     id: string;
     label: string;
+    /** Optional per-option test id, emitted as `data-pw` on the option element. */
+    testId?: string;
 };
 export type MandatorySelectProperties = {
     items: SelectItem[] | string[];
@@ -18,6 +20,8 @@ export type OptionalSelectProperties = {
         checked: boolean;
     }]>;
     testId?: string;
+    /** Fallback per-option test id prefix. Each option emits `data-pw="{itemTestId}-{id}"` when its own `item.testId` is not set. */
+    itemTestId?: string;
     classes?: string;
     /** Bindable. Controls whether the dropdown is open; the component writes back on open/close so parents can `bind:open` to observe or drive it. Unbound, the component manages its own state. */
     open?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "2.28.3",
+  "version": "2.29.0",
   "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
   "keywords": [
     "svelte",