container

package.json

@@ -57,7 +57,6 @@
   "jest": {
     "preset": "jest-react-native",
     "resetMocks": true,
-    "resetModules": true,
-    "verbose": true
+    "resetModules": true
   }
 }

src2/containers/ContainerRegistry.js

@@ -3,19 +3,28 @@ import {AppRegistry} from 'react-native';
 
 export function registerContainer(containerKey, getContainerFunc) {
   const OriginalContainer = getContainerFunc();
-  const WrappedContainer = wrapContainer(OriginalContainer);
-  AppRegistry.registerComponent(containerKey, () => WrappedContainer);
+  const NavigationContainer = wrapContainer(OriginalContainer);
+  AppRegistry.registerComponent(containerKey, () => NavigationContainer);
 }
 
 function wrapContainer(OriginalContainer) {
   return class extends Component {
     constructor(props) {
       super(props);
+      this.state = {
+        allProps: {...props}
+      };
+    }
+
+    componentWillReceiveProps(nextProps) {
+      this.setState({
+        allProps: {...nextProps}
+      });
     }
 
     render() {
       return (
-        <OriginalContainer/>
+        <OriginalContainer {...this.state.allProps}/>
       );
     }
   };

src2/containers/ContainerRegistry.test.js

@@ -1,41 +1,83 @@
+import _ from 'lodash';
 import {AppRegistry, Text} from 'react-native';
 import React, {Component} from 'react';
+import renderer from 'react-test-renderer';
 
 class MyContainer extends Component {
   render() {
+    const txt = `Hello, ${_.get(this.props, 'name', 'World')}!`;
     return (
-      <Text>{'Hello, World!'}</Text>
+      <Text>{txt}</Text>
     );
   }
 }
 
-import renderer from 'react-test-renderer';
-
 describe('ComponentRegistry', () => {
   let uut;
 
   beforeEach(() => {
     AppRegistry.registerComponent = jest.fn(AppRegistry.registerComponent);
-    //jest.mock('react-native', () => ({AppRegistry}));
     uut = require('./ContainerRegistry');
   });
 
-  it('registers container component into AppRegistry', () => {
+  function getRegisteredComponentClassFromAppRegistry() {
+    return AppRegistry.registerComponent.mock.calls[0][1]();
+  }
+
+  it('registers container component by containerKey into AppRegistry', () => {
     expect(AppRegistry.registerComponent).not.toHaveBeenCalled();
 
-    uut.registerContainer('example.MyContainer', () => MyContainer);
+    uut.registerContainer('example.MyContainer.key', () => MyContainer);
 
     expect(AppRegistry.registerComponent).toHaveBeenCalledTimes(1);
-    expect(AppRegistry.registerComponent.mock.calls[0][0]).toEqual('example.MyContainer');
+    expect(AppRegistry.registerComponent.mock.calls[0][0]).toEqual('example.MyContainer.key');
   });
 
   it('wraps the container', () => {
     uut.registerContainer('example.MyContainer', () => MyContainer);
 
-    const WrappedClass = AppRegistry.registerComponent.mock.calls[0][1]();
+    const NavigationContainer = getRegisteredComponentClassFromAppRegistry();
     const tree = renderer.create(
-      <WrappedClass/>
+      <NavigationContainer/>
     );
     expect(tree.toJSON().children).toEqual(['Hello, World!']);
   });
+
+  it('passes props from wrapper into original container', () => {
+    uut.registerContainer('example.MyContainer', () => MyContainer);
+
+    const NavigationContainer = getRegisteredComponentClassFromAppRegistry();
+    const tree = renderer.create(
+      <NavigationContainer name="Daniel"/>
+    );
+    expect(tree.toJSON().children).toEqual(['Hello, Daniel!']);
+  });
+  //
+  //xit('updates props into original container', () => {
+  //uut.registerContainer('example.MyContainer', () => MyContainer);
+  //
+  //const NavigationContainer = getRegisteredComponentClassFromAppRegistry();
+  //
+  //class TestParent extends Component {
+  //  constructor(props) {
+  //    super(props);
+  //    this.state = {};
+  //  }
+  //
+  //  render() {
+  //    return (
+  //      <NavigationContainer/>
+  //    );
+  //  }
+  //}
+  //
+  //let navContainerRef;
+  //const NavigationContainer = getRegisteredComponentClassFromAppRegistry();
+  //const tree = renderer.create(
+  //  <NavigationContainer ref={(r) => navContainerRef = r} name={_.get(navContainerRef, 'state.name')}/>
+  //);
+  //expect(tree.toJSON().children).toEqual(['Hello, World!']);
+  //navContainerRef.setState({name: 'Gandalf'});
+  //expect(tree.toJSON().children).toEqual(['Hello, Gandalf!']);
+  //});
 });