feat: add testIDs for android with automation supports

Author: virajpsimformsolutions

src/OtpInput/OtpInput.tsx

@@ -23,6 +23,7 @@ export const OtpInput = forwardRef<OtpInputRef, OtpInputProps>((props, ref) => {
     theme = {},
     textInputProps,
     textProps,
+    buttonProps,
     type = "numeric",
   } = props;
   const {
@@ -82,7 +83,9 @@ export const OtpInput = forwardRef<OtpInputRef, OtpInputProps>((props, ref) => {
               disabled={disabled}
               onPress={handlePress}
               style={generatePinCodeContainerStyle(isFocusedContainer, char)}
-              testID="otp-input"
+              {...buttonProps}
+              testID={buttonProps?.testID ? `${buttonProps.testID}-${index}` : `otp-input-${index}`}
+              {...Platform.OS === 'android' && { accessibilityLabel: buttonProps?.testID ? `${buttonProps.testID}-${index}` : `otp-input-${index}` }}
             >
               {isFocusedInput && !hideStick ? (
                 <VerticalStick
@@ -94,6 +97,7 @@ export const OtpInput = forwardRef<OtpInputRef, OtpInputProps>((props, ref) => {
                 <Text
                   {...textProps}
                   testID={textProps?.testID ? `${textProps.testID}-${index}` : undefined}
+                  {...Platform.OS === 'android' && { accessibilityLabel: textProps?.testID ? `${textProps.testID}-${index}` : `otp-input-text-${index}` }}
                   style={[
                     styles.codeText,
                     pinCodeTextStyle,
@@ -120,6 +124,7 @@ export const OtpInput = forwardRef<OtpInputRef, OtpInputProps>((props, ref) => {
         aria-disabled={disabled}
         editable={!disabled}
         testID="otp-input-hidden"
+        {...Platform.OS === 'android' && { accessibilityLabel: "otp-input-hidden" }}
         onFocus={handleFocus}
         onBlur={handleBlur}
         caretHidden={Platform.OS === "ios"}

src/OtpInput/OtpInput.types.ts

@@ -1,4 +1,4 @@
-import { ColorValue, TextInputProps, TextProps, TextStyle, ViewStyle } from "react-native";
+import { ColorValue, TextInputProps, TextProps, TextStyle, ViewStyle, Pressable } from 'react-native';
 
 export interface OtpInputProps {
   numberOfDigits?: number;
@@ -16,6 +16,7 @@ export interface OtpInputProps {
   disabled?: boolean;
   textInputProps?: TextInputProps;
   textProps?: TextProps;
+  buttonProps?: Pressable['props'];
   type?: "alpha" | "numeric" | "alphanumeric";
   placeholder?: string;
 }