#15

index.d.ts

@@ -45,6 +45,7 @@ export interface TextFieldProps extends TextInputProps {
 
   error?: string;
   errorColor?: string;
+  errortTestId?: string;
 
   lineWidth?: number;
   activeLineWidth?: number;

readme.md

@@ -99,6 +99,7 @@ class Example extends Component {
  suffix                | Text field suffix text                      |   String | -
  error                 | Text field error text                       |   String | -
  errorColor            | Text field color for errored state          |   String | rgb(213, 0, 0)
+ errorTestId           | Text field error testID                     |   String | -
  lineType              | Text field line type                        |   String | solid
  disabledLineType      | Text field line type in disabled state      |   String | dotted
  animationDuration     | Text field animation duration in ms         |   Number | 225

src/components/field/index.js

@@ -99,6 +99,7 @@ export default class TextField extends PureComponent {
 
     error: PropTypes.string,
     errorColor: PropTypes.string,
+    errorTestId: PropTypes.string,
 
     lineWidth: PropTypes.number,
     activeLineWidth: PropTypes.number,
@@ -573,6 +574,7 @@ export default class TextField extends PureComponent {
       disabled,
       baseColor,
       errorColor,
+      errorTestId,
       titleTextStyle: style,
       characterRestriction: limit,
     } = this.props;
@@ -601,6 +603,7 @@ export default class TextField extends PureComponent {
       ...styleProps,
       title,
       error,
+      testId: errorTestId,
       disabled,
       focusAnimation,
     };

src/components/helper/index.js

@@ -8,7 +8,7 @@ export default class Helper extends PureComponent {
   static propTypes = {
     title: PropTypes.string,
     error: PropTypes.string,
-
+    testId: PropTypes.string,
     disabled: PropTypes.bool,
 
     style: Text.propTypes.style,
@@ -70,6 +70,7 @@ export default class Helper extends PureComponent {
       disabled,
       baseColor,
       errorColor,
+      testId,
     } = this.props;
 
     let text = errored?
@@ -89,7 +90,7 @@ export default class Helper extends PureComponent {
     };
 
     return (
-      <Animated.Text style={[styles.text, style, textStyle]}>
+      <Animated.Text testID={testId || undefined} style={[styles.text, style, textStyle]}>
         {text}
       </Animated.Text>
     );