feat: add testIDs to ItemText component

Author: wklos-iohk

src/design-system/select/select-item/select-item-text.component.tsx

@@ -8,18 +8,21 @@ import { Text } from '../../text';
 export interface SelectItemTitleProps {
   title: string;
   description?: string;
+  testId?: string;
 }
 
 /**
  * @param title Item title that will be displayed in the trigger/container after when this item is selected.
  * @param [description] Item description, visible only when input is in `open` state.
  */
 export const ItemText = forwardRef<HTMLSpanElement, SelectItemTitleProps>(
-  ({ title, description }, forwardReference) => (
+  ({ title, description, testId }, forwardReference) => (
     <Flex flexDirection="row" alignItems="center" gap="$24">
       {/* Please do not attempt to use our <Text.* /> component. Radix forbids the styling of ItemText.
       See: https://www.radix-ui.com/primitives/docs/components/select#itemtext */}
-      <Select.ItemText ref={forwardReference}>{title}</Select.ItemText>
+      <Select.ItemText ref={forwardReference} data-testid={testId}>
+        {title}
+      </Select.ItemText>
       {Boolean(description) && <Text.Body.Large>{description}</Text.Body.Large>}
     </Flex>
   ),

src/design-system/select/select-item/select-item.component.tsx

@@ -37,7 +37,11 @@ export const Item = forwardRef<HTMLDivElement, SelectItemProps>(
       variant={variant}
       testId={testId}
     >
-      <ItemText title={title} description={description} />
+      <ItemText
+        title={title}
+        description={description}
+        testId={`${testId ?? 'item'}-text`}
+      />
       <ItemIndicator testId={`${testId ?? 'select'}-indicator`} />
     </ItemRoot>
   ),

src/design-system/select/select.stories.tsx

@@ -441,7 +441,7 @@ Interactions.play = async ({ canvasElement }): Promise<void> => {
 
         await sleep(pauseBetweenClicksInMs);
 
-        expect(canvas.getByTestId(optionTestId)).toBeInTheDocument();
+        expect(canvas.getByTestId(`${optionTestId}-text`)).toBeInTheDocument();
         userEvent.click(canvas.getByTestId(optionTestId));
 
         await sleep(pauseBetweenClicksInMs);