diff --git a/src/index.tsx b/src/index.tsx index 39abb17a..b61aab81 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -72,6 +72,10 @@ interface SegmentedControlProps { * Badge Text Styles */ badgeTextStyle?: TextStyle; + /** + * Base Test ID of component to be used for testing + */ + testIDPrefix?: string } const defaultShadowStyle = { @@ -95,6 +99,8 @@ const DEFAULT_SPRING_CONFIG = { restDisplacementThreshold: 0.001, }; +const DEFAULT_TEST_PREFIX = 'segmented-control'; + const SegmentedControl: React.FC = ({ segments, currentIndex, @@ -110,6 +116,7 @@ const SegmentedControl: React.FC = ({ activeBadgeStyle, inactiveBadgeStyle, badgeTextStyle, + testIDPrefix = DEFAULT_TEST_PREFIX, }: SegmentedControlProps) => { const width = widthPercentageToDP('100%') - containerMargin * 2; const translateValue = width / segments.length; @@ -179,9 +186,11 @@ const SegmentedControl: React.FC = ({ return ( = ({ {segments.map((segment, index) => { return ( memoizedTabPressCallback(index)} key={index} style={[styles.touchableContainer, pressableWrapper]} > = ({ {badgeValues[index] && (