@momo-kits/stepper 0.89.5 → 0.92.1-tracking.2

package/StepperButton.tsx

@@ -8,7 +8,8 @@ const StepperButton: FC<StepperButtonProps> = ({
   disabled = false,
   sign = '+',
   size = 'large',
-  onPress,
+  onPress, accessibilityID
+
 }) => {
   const ICON_SIZE = 12;
   const {theme} = useContext(ApplicationContext);
@@ -21,7 +22,7 @@ const StepperButton: FC<StepperButtonProps> = ({
     : theme.colors.primary;
 
   return (
-    <TouchableOpacity disabled={disabled} onPress={onPress} style={[sizeStyle]}>
+    <TouchableOpacity {...accessibilityID} disabled={disabled} onPress={onPress} style={[sizeStyle]}>
       <Icon size={22} color={buttonColor} source={buttonIcon} />
     </TouchableOpacity>
   );

package/index.tsx

@@ -4,6 +4,7 @@ import StepperButton from './StepperButton';
 import {DisabledStatus, StepperProps} from './types';
 import styles from './styles';
 import NumberView from './NumberView';
+import {getAccessibilityID} from "@momo-kits/foundation";
 
 const Stepper: FC<StepperProps> = ({
   size = 'large',
@@ -70,10 +71,13 @@ const Stepper: FC<StepperProps> = ({
   };
 
   const viewStatus = getViewDisabledStatus();
+  const accessibilityPlusID = getAccessibilityID(`ic_stepper_${value}_plus`)
+  const accessibilitySubtractID = getAccessibilityID(`ic_stepper_${value}_subtract`)
 
   return (
     <View style={styles.stepper}>
       <StepperButton
+          accessibilityID = {accessibilityPlusID}
         onPress={onMinus}
         sign={'-'}
         size={size}
@@ -86,7 +90,9 @@ const Stepper: FC<StepperProps> = ({
         disabled={viewStatus.number}
         editable={editable}
       />
-      <StepperButton onPress={onPlus} size={size} disabled={viewStatus.plus} />
+      <StepperButton
+          accessibilityID = {accessibilityPlusID}
+          onPress={onPlus} size={size} disabled={viewStatus.plus} />
     </View>
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/stepper",
-    "version": "0.89.5",
+    "version": "0.92.1-tracking.2",
     "private": false,
     "main": "index.tsx",
     "dependencies": {},

package/types.ts

@@ -25,6 +25,9 @@ export type StepperButtonProps = {
    * A callback function that is triggered when the button is pressed.
    */
   onPress: () => void;
+
+  accessibilityID: object
+
 };
 
 /**