@@ -116,16 +116,19 @@ class VirtualKeyboard extends Component {
116116 const {
117117 // Style Props
118118 messageStyle,
119- messageTextStyle
119+ messageTextStyle,
120+ // TestID Props
121+ messageTestID,
122+ messageTextTestID,
120123 } = this . props ;
121124
122125 // State
123126 const { message } = this . state ;
124127
125128 if ( message ) {
126129 return (
127- < View style = { [ messageDefaultStyle , messageStyle ] } >
128- < Text style = { [ messageTextDefaultStyle , messageTextStyle ] } > { message } </ Text >
130+ < View testID = { `VirtualKeyboard- ${ messageTestID } ` } style = { [ messageDefaultStyle , messageStyle ] } >
131+ < Text testID = { `VirtualKeyboard- ${ messageTextTestID } ` } style = { [ messageTextDefaultStyle , messageTextStyle ] } > { message } </ Text >
129132 </ View >
130133 ) ;
131134 }
@@ -218,6 +221,7 @@ class VirtualKeyboard extends Component {
218221 } else {
219222 return (
220223 < View
224+ testID = { `VirtualKeyboard-${ entity } }
221225 key = { column }
222226 style = { [
223227 keyContainerStyle ,
@@ -315,7 +319,10 @@ VirtualKeyboard.propTypes = {
315319 keyTextStyle : ViewPropTypes . style ,
316320 keyImageStyle : ViewPropTypes . style ,
317321 messageStyle : ViewPropTypes . style ,
318- messageTextStyle : ViewPropTypes . style
322+ messageTextStyle : ViewPropTypes . style ,
323+ // TestID props
324+ messageTestID : PropTypes . string ,
325+ messageTextTestID : PropTypes . string ,
319326} ;
320327
321328VirtualKeyboard . defaultProps = {
@@ -326,6 +333,8 @@ VirtualKeyboard.defaultProps = {
326333 keyboardMessageDisplayTime : 3000 ,
327334 onPressFunction : 'onPressIn' ,
328335 vibration : false ,
336+ messageTestID : 'MessageContainer' ,
337+ messageTextTestID : 'Message' ,
329338} ;
330339
331340const styles = StyleSheet . create ( {
0 commit comments