Merge pull request #11 from leonardoballand/patch-2

Patch 2

Author: Luke Brandon Farrell

README.md

@@ -68,7 +68,9 @@ The `<VirtualKeyboard />` uses two arrays to allow you to set keys and define cu
 | keyTextStyle    | object        | Yes       | See VirtualKeyboard.js   | Style applied to the text inside each key.                                              |
 | keyImageStyle   | object        | Yes       | See VirtualKeyboard.js   | Style applied to image in a key. If an image is passed.                                 |
 | messageStyle    | object        | Yes       | See VirtualKeyboard.js   | Style applied to popup error. Can set the background colour here.                     |
-| messageTextStyle| object        | Yes       | See VirtualKeyboard.js   | Style applied to the text inside the popup error.       
+| messageTextStyle| object        | Yes       | See VirtualKeyboard.js   | Style applied to the text inside the popup error.
+| messageTestID| string        | Yes       | "MessageContainer"   | TestID belonging to the view component of the popup error.
+| messageTextTestID| string        | Yes       | "Message"   | TestID belonging to the text component inside the popup error.       
 
 ## Contributing
 

VirtualKeyboard.js

@@ -116,16 +116,19 @@ class VirtualKeyboard extends Component {
     const {
       // Style Props
       messageStyle,
-      messageTextStyle
+      messageTextStyle,
+      // TestID Props
+      messageTestID,
+      messageTextTestID,
     } = this.props;
 
     // State
     const { message } = this.state;
 
     if (message) {
       return (
-          <View style={[messageDefaultStyle, messageStyle]}>
-            <Text style={[messageTextDefaultStyle, messageTextStyle]}>{message}</Text>
+          <View testID={`VirtualKeyboard-${messageTestID}`} style={[messageDefaultStyle, messageStyle]}>
+            <Text testID={`VirtualKeyboard-${messageTextTestID}`} style={[messageTextDefaultStyle, messageTextStyle]}>{message}</Text>
           </View>
       );
     }
@@ -218,6 +221,7 @@ class VirtualKeyboard extends Component {
     } else {
       return (
           <View
+              testID={`VirtualKeyboard-${entity}-disabled`}
               key={column}
               style={[
                 keyContainerStyle,
@@ -315,7 +319,10 @@ VirtualKeyboard.propTypes = {
   keyTextStyle: ViewPropTypes.style,
   keyImageStyle: ViewPropTypes.style,
   messageStyle: ViewPropTypes.style,
-  messageTextStyle: ViewPropTypes.style
+  messageTextStyle: ViewPropTypes.style,
+  // TestID props
+  messageTestID: PropTypes.string,
+  messageTextTestID: PropTypes.string,
 };
 
 VirtualKeyboard.defaultProps = {
@@ -326,6 +333,8 @@ VirtualKeyboard.defaultProps = {
   keyboardMessageDisplayTime: 3000,
   onPressFunction: 'onPressIn',
   vibration: false,
+  messageTestID: 'MessageContainer',
+  messageTextTestID: 'Message',
 };
 
 const styles = StyleSheet.create({

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-screen-keyboard",
-  "version": "1.2.0",
+  "version": "1.2.3",
   "description": "On-screen keyboard with customisable keys and tactile / UI feedback 📱",
   "main": "index.js",
   "scripts": {