side menus

playground/e2e/app.test.js

@@ -11,6 +11,11 @@ describe('app', () => {
     elementByLabel('Switch to tab based app').tap();
     expect(elementByLabel('This is a tab screen')).toBeVisible();
   });
+
+  it('switch to tabs with side menus', () => {
+    elementByLabel('Switch to tab based app with side menus').tap();
+    // expect(elementByLabel('This is a tab screen')).toBeVisible();
+  });
 });
 
 function elementByLabel(label) {

playground/src/containers/WelcomeScreen.js

@@ -9,6 +9,7 @@ class WelcomeScreen extends Component {
       <View style={styles.root}>
         <Text style={styles.h1}>{`React Native Navigation!`}</Text>
         <Button title="Switch to tab based app" onPress={this.onClickSwitchToTabs} />
+        <Button title="Switch to tab based app with side menus" onPress={this.onClickSwitchToTabsWithSideMenus} />
       </View>
     );
   }
@@ -29,6 +30,36 @@ class WelcomeScreen extends Component {
       ]
     });
   }
+
+  onClickSwitchToTabsWithSideMenus() {
+    Navigation.startApp({
+      tabs: [
+        {
+          container: {
+            name: 'com.example.SimpleTabScreen'
+          }
+        },
+        {
+          container: {
+            name: 'com.example.WelcomeScreen'
+          }
+        },
+        {
+          container: {
+            name: 'com.example.SimpleTabScreen'
+          }
+        }
+      ],
+      sideMenu: {
+        left: {
+          name: 'com.example.SimpleTabScreen'
+        },
+        right: {
+          name: 'com.example.SimpleTabScreen'
+        }
+      }
+    });
+  }
 }
 
 export default WelcomeScreen;

src/commands/LayoutTreeParser.test.js

@@ -125,35 +125,34 @@ describe('LayoutTreeParser', () => {
   });
 
   xit('parses side menus', () => {
-    //const result2 = {
-    //  type: 'Menus',
-    //  id: 'MenusUNIQUE_ID',
-    //  children: [
-    //    {
-    //      type: 'Container',
-    //      id: 'ContainerUNIQUE_ID',
-    //      name: 'com.example.LeftSideMenu',
-    //      children: []
-    //    },
-    //    {
-    //      type: 'ContainerStack',
-    //      id: 'ContainerStackUNIQUE_ID',
-    //      children: [
-    //        {
-    //          type: 'Container',
-    //          id: 'ContainerUNIQUE_ID',
-    //          name: 'com.example.WelcomeScreen',
-    //          children: []
-    //        }
-    //      ]
-    //    },
-    //    {
-    //      type: 'Container',
-    //      id: 'ContainerUNIQUE_ID',
-    //      name: 'com.example.RightSideMenu',
-    //      children: []
-    //    }
-    //  ]
-    //};
+    expect(uut.parseFromSimpleJSON(SimpleLayouts.singleWithSideMenu))
+      .toEqual({
+        type: 'SideMenus',
+        id: 'SideMenus+UNIQUE_ID',
+        children: [
+          {
+            type: 'Container',
+            id: 'Container+UNIQUE_ID',
+            data: {
+              name: 'com.example.SideMenu'
+            },
+            children: []
+          },
+          {
+            type: 'ContainerStack',
+            id: 'ContainerStack+UNIQUE_ID',
+            children: [
+              {
+                type: 'Container',
+                id: 'Container+UNIQUE_ID',
+                data: {
+                  name: 'com.example.MyScreen'
+                },
+                children: []
+              }
+            ]
+          }
+        ]
+      });
   });
 });

src/commands/SimpleLayouts.js

@@ -48,7 +48,7 @@ export const singleWithSideMenu = {
   sideMenu: {
     left: {
       container: {
-        name: 'com.example.MyScreen'
+        name: 'com.example.SideMenu'
       }
     }
   }