status-im
/
react-native
mirror of https://github.com/status-im/react-native.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

[React Native] Add new E2E tests

This commit is contained in:
Alex Akers 2015-07-10 03:59:29 -07:00
parent 40a043109d
commit ffaf16283f
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Examples/UIExplorer/TouchableExample.js
View File

@ -130,10 +130,11 @@ var TouchableFeedbackEvents = React.createClass({
}, },
render: function() { render: function() {
return ( return (
<View> <View testID="touchable_feedback_events">
<View style={[styles.row, {justifyContent: 'center'}]}> <View style={[styles.row, {justifyContent: 'center'}]}>
<TouchableOpacity <TouchableOpacity
style={styles.wrapper} style={styles.wrapper}
testID="touchable_feedback_events_button"
onPress={() => this._appendEvent('press')} onPress={() => this._appendEvent('press')}
onPressIn={() => this._appendEvent('pressIn')} onPressIn={() => this._appendEvent('pressIn')}
onPressOut={() => this._appendEvent('pressOut')} onPressOut={() => this._appendEvent('pressOut')}
@ -143,7 +144,7 @@ var TouchableFeedbackEvents = React.createClass({
</Text> </Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<View style={styles.eventLogBox}> <View testID="touchable_feedback_events_console" style={styles.eventLogBox}>
{this.state.eventLog.map((e, ii) => <Text key={ii}>{e}</Text>)} {this.state.eventLog.map((e, ii) => <Text key={ii}>{e}</Text>)}
</View> </View>
</View> </View>
@ -165,10 +166,11 @@ var TouchableDelayEvents = React.createClass({
}, },
render: function() { render: function() {
return ( return (
<View> <View testID="touchable_delay_events">
<View style={[styles.row, {justifyContent: 'center'}]}> <View style={[styles.row, {justifyContent: 'center'}]}>
<TouchableOpacity <TouchableOpacity
style={styles.wrapper} style={styles.wrapper}
testID="touchable_delay_events_button"
onPress={() => this._appendEvent('press')} onPress={() => this._appendEvent('press')}
delayPressIn={400} delayPressIn={400}
onPressIn={() => this._appendEvent('pressIn - 400ms delay')} onPressIn={() => this._appendEvent('pressIn - 400ms delay')}
@ -181,7 +183,7 @@ var TouchableDelayEvents = React.createClass({
</Text> </Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<View style={styles.eventLogBox}> <View style={styles.eventLogBox} testID="touchable_delay_events_console">
{this.state.eventLog.map((e, ii) => <Text key={ii}>{e}</Text>)} {this.state.eventLog.map((e, ii) => <Text key={ii}>{e}</Text>)}
</View> </View>
</View> </View>

1
Examples/UIExplorer/UIExplorerList.js
View File

@ -190,6 +190,7 @@ class UIExplorerList extends React.Component {
onChangeText={this._search.bind(this)} onChangeText={this._search.bind(this)}
placeholder="Search..." placeholder="Search..."
style={[styles.searchTextInput, platformTextInputStyle]} style={[styles.searchTextInput, platformTextInputStyle]}
testID="explorer_search"
value={this.state.searchText} value={this.state.searchText}
/> />
</View>); </View>);