Merge pull request #2015 from aksonov/4.0.0-beta.8

PR for beta.8

Author: aksonov

.eslintrc.js

@@ -2,9 +2,17 @@ module.exports = {
   extends: 'airbnb',
   plugins: [
     'react',
+    'jest'
   ],
+  env: {
+    "jest/globals": true
+  },
   parser: 'babel-eslint',
   rules: {
+    "jest/no-disabled-tests": "warn",
+    "jest/no-focused-tests": "error",
+    "jest/no-identical-title": "error",
+    "jest/valid-expect": "error",
     'react/forbid-prop-types': 0,
     'no-console': 0,
     'new-cap': 0,

.travis.yml

@@ -30,7 +30,7 @@ before_script:
   - if [ $TEST_SUITE = example-jest ]; then rm -rf Example/node_modules/react-native-router-flux/Example; fi
   - if [ $TEST_SUITE = example-jest ]; then cp -r src/ Example/node_modules/react-native-router-flux/src/; fi
 script:
-  - if [ $TEST_SUITE = eslint ]; then node node_modules/eslint/bin/eslint index.js src/ test/; fi
+  - if [ $TEST_SUITE = eslint ]; then node node_modules/.bin/eslint index.js src/ _tests__/; fi
   - if [ $TEST_SUITE = lib-test ]; then yarn test; fi
   - if [ $TEST_SUITE = example-jest ]; then cd Example && yarn run jest && cd ..; fi
 before_cache:

Example/Example.js

@@ -50,17 +50,17 @@ class Example extends Component {
   render() {
     return (
       <Router createReducer={reducerCreate}>
-        <Scene key="lightbox" lightbox>
+        <Scene key="lightbox" lightbox leftButtonTextStyle={{ color: 'green' }} backButtonTextStyle={{ color:'red' }} >
           <Scene key="modal" modal hideNavBar>
             <Scene key="drawer" drawer contentComponent={TabView} >
               <Scene key="root" hideNavBar hideTabBar>
                 <Scene key="echo" back clone component={EchoView} getTitle={({navigation}) => navigation.state.key}/>
                 <Scene key="register" back>
-                  <Scene key="_register" component={Register} title="Register"/>
-                  <Scene key="register2" component={Register} title="Register2"/>
-                  <Scene key="home" component={Home} title="Replace" type='replace'/>
+                  <Scene key="_register" component={Register} title="Register" />
+                  <Scene key="register2" component={Register} title="Register2" />
+                  <Scene key="home" component={Home} title="Replace" type='replace' />
                 </Scene>
-                <Scene key="launch" component={Launch} title="Launch" initial/>
+                <Scene key="launch" component={Launch} title="Launch" initial />
                 <Scene
                   key="tabbar"
                   gestureEnabled={false}
@@ -114,12 +114,13 @@ class Example extends Component {
                 </Scene>
               </Scene>
             </Scene>
-            <Scene key="login">
+            <Scene key="login" >
               <Scene key="loginModal" component={Login} title="Login" leftTitle="Cancel" onLeft={Actions.pop}/>
               <Scene
                 key="loginModal2"
                 component={Login2}
                 title="Login2"
+                backTitle="Back"
                 panHandlers={null}
                 duration={1}
               />

Example/components/Launch.js

@@ -16,6 +16,7 @@ const styles = StyleSheet.create({
 
 class Launch extends React.Component {
   render(){
+    console.log("Launch RENDER");
     return (
       <View {...this.props}  style={styles.container}>
         <Text>Launch page</Text>

Example/components/Login.js

@@ -23,16 +23,24 @@ const styles = StyleSheet.create({
 });
 
 export default class extends React.Component {
+  componentDidMount() {
+    Actions.refresh({
+      title: 'Login!',
+      rightTitle: 'rightTitle',
+      onRight: () => {},
+    });
+  }
   render() {
     const title = this.props.title || 'No Title';
     const data = this.props.data || 'No Data';
+    console.log("Login RENDER");
     return (
       <View style={[styles.container, this.props.style]}>
         <Text>Login page 1</Text>
         <Text>Title: {title}</Text>
         <Text>Data: {data}</Text>
         <Button onPress={() => Actions.loginModal2({data: "Custom data2", title: "Custom title2"})}>Login 2</Button>
-        <Button onPress={() => Actions.refresh({title: "Changed title"})}>Change title</Button>
+        <Button onPress={() => Actions.refresh({title: "Changed title", data: "Changed data"})}>Change title</Button>
         <Button onPress={Actions.pop}>Back</Button>
       </View>
     );

Example/package.json

@@ -8,13 +8,13 @@
   },
   "dependencies": {
     "autobind-decorator": "^1.4.1",
-    "mobx": "^3.1.16",
+    "mobx": "^3.2.1",
     "mobx-react": "^4.2.1",
+    "react": "16.0.0-alpha.6",
+    "react-native": "0.44.0",
     "react-native-button": "^2.0.0",
-    "react-navigation": "^1.0.0-beta.11",
     "react-native-router-flux": "^4.0.0-beta.7",
-    "react": "16.0.0-alpha.6",
-    "react-native": "0.44.0"
+    "react-navigation": "^1.0.0-beta.11"
   },
   "devDependencies": {
     "babel-jest": "20.0.3",