feat: add name to segmented control props

Author: Elessar1802

src/Common/SegmentedControl/SegmentedControl.component.tsx

@@ -25,13 +25,14 @@ const SegmentedControl = ({
     tooltips,
     disabled = false,
     rootClassName = '',
+    name,
     variant = SegmentedControlVariant.WHITE_ON_GRAY,
 }: SegmentedControlProps) => (
     <StyledRadioGroup
         className={`${variant} ${rootClassName}`}
         onChange={onChange}
         initialTab={initialTab}
-        name="segmented-control"
+        name={name}
         disabled={disabled}
     >
         {tabs.map((tab: OptionType, index) => (
@@ -41,6 +42,7 @@ const SegmentedControl = ({
                 className="fs-12 cn-7 fw-6 lh-20"
                 showTippy={!!tooltips?.[index]}
                 tippyContent={tooltips?.[index] ?? ''}
+                dataTestId={`${name}-${tab.value}`}
             >
                 {tab.label}
             </StyledRadioGroup.Radio>

src/Common/SegmentedControl/types.ts

@@ -26,6 +26,7 @@ export interface SegmentedControlProps {
     tabs: OptionType[]
     initialTab: string
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void
+    name: string
     tooltips?: string[]
     disabled?: boolean
     rootClassName?: string