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,11 @@
-import { ColorValue, TextInputProps, TextProps, TextStyle, ViewStyle } from "react-native";
+import {
+  ColorValue,
+  TextInputProps,
+  TextProps,
+  TextStyle,
+  ViewStyle,
+  PressableProps,
+} from "react-native";
 
 export interface OtpInputProps {
   numberOfDigits?: number;
@@ -16,6 +23,7 @@ export interface OtpInputProps {
   disabled?: boolean;
   textInputProps?: TextInputProps;
   textProps?: TextProps;
+  buttonProps?: PressableProps;
   type?: "alpha" | "numeric" | "alphanumeric";
   placeholder?: string;
 }