Allow running jest tests by mocking react-native-navigation device layer

e2e/ApplicationLifecycleTest.test.js

@@ -7,7 +7,7 @@ const { elementByLabel, elementById, sleep } = Utils;
 const IS_RELEASE = includes(process.argv, '--release');
 const KEY_CODE_R = 46;
 
-describe('application lifecycle test', () => {
+describe.e2e('application lifecycle test', () => {
   beforeEach(async () => {
     await device.launchApp({ newInstance: true });
   });

e2e/BackButton.test.js

@@ -34,17 +34,17 @@ describe('Back Button', () => {
     await elementById(TestIDs.DISMISS_BTN).tap();
     await elementById(TestIDs.BACK_BUTTON).tap();
     await expect(elementById(TestIDs.NAVIGATION_TAB)).toBeVisible();
-  })
+  });
 
-  it(':android: hardware back button prevents pop and dispatch event', async () => {
+  it.e2e(':android: hardware back button prevents pop and dispatch event', async () => {
     await elementById(TestIDs.PUSH_DISABLED_HARDWARE_BACK_BTN).tap();
     await elementById(TestIDs.CLEAR_OVERLAY_EVENTS_BTN).tap();
     Android.pressBack();
     await expect(elementByLabel('navigationButtonPressed | RNN.hardwareBackButton')).toBeVisible();
     await expect(elementById(testIDs.PUSHED_SCREEN_HEADER)).toBeVisible();
   });
 
-  it(':android: hardware button pops and does not dispatch event', async () => {
+  it.e2e(':android: hardware button pops and does not dispatch event', async () => {
     await elementById(TestIDs.PUSH_BTN).tap();
     await elementById(TestIDs.CLEAR_OVERLAY_EVENTS_BTN).tap();
     Android.pressBack();
@@ -54,7 +54,7 @@ describe('Back Button', () => {
     await expect(elementById(testIDs.PUSHED_SCREEN_HEADER)).toBeNotVisible();
   });
 
-  it(':android: hardware back should not dismiss modal and dispatch event', async () => {
+  it.e2e(':android: hardware back should not dismiss modal and dispatch event', async () => {
     await elementById(TestIDs.MODAL_DISABLED_BACK_BTN).tap();
     await expect(elementByLabel('Modal')).toBeVisible();
     Android.pressBack();

e2e/BottomTabs.test.js

@@ -40,7 +40,7 @@ describe('BottomTabs', () => {
     await expect(element(by.text('NEW'))).toBeNotVisible();
   });
 
-  it('merge options correctly in SideMenu inside BottomTabs layout', async () => {
+  it.e2e('merge options correctly in SideMenu inside BottomTabs layout', async () => {
     await elementById(TestIDs.SWITCH_TAB_BY_INDEX_BTN).tap();
     await elementById(TestIDs.SIDE_MENU_INSIDE_BOTTOM_TABS_BTN).tap();
     await elementById(TestIDs.OPEN_LEFT_SIDE_MENU_BTN).tap();

e2e/Buttons.test.js

@@ -10,7 +10,7 @@ describe('Buttons', () => {
     await elementById(TestIDs.GOTO_BUTTONS_SCREEN).tap();
   });
 
-  it(':android: should not effect left buttons when hiding back button',async ()=>{
+  it(':android: should not effect left buttons when hiding back button', async () => {
     await elementById(TestIDs.TOGGLE_BACK).tap();
     await expect(elementById(TestIDs.LEFT_BUTTON)).toBeVisible();
     await expect(elementById(TestIDs.TEXTUAL_LEFT_BUTTON)).toBeVisible();
@@ -65,7 +65,7 @@ describe('Buttons', () => {
   it('resizes title component when a button is added with mergeOptions', async () => {
     await elementById(TestIDs.RESET_BUTTONS).tap();
     await elementById(TestIDs.SET_RIGHT_BUTTONS).tap();
-      await elementById(TestIDs.BUTTON_THREE).tap();
+    await elementById(TestIDs.BUTTON_THREE).tap();
   });
 
   it('Button component is not recreated if it has a predefined componentId', async () => {

e2e/ExternalComponent.test.js

@@ -3,7 +3,7 @@ import TestIDs from '../playground/src/testIDs';
 
 const { elementByLabel, elementById } = Utils;
 
-describe('External Component', () => {
+describe.e2e('External Component', () => {
   beforeEach(async () => {
     await device.launchApp({ newInstance: true });
     await elementById(TestIDs.NAVIGATION_TAB).tap();

e2e/LazyRegsitration.test.js

@@ -3,7 +3,7 @@ import TestIDs from '../playground/src/testIDs';
 
 const { elementById } = Utils;
 
-describe('Lazy Registration', () => {
+describe.e2e('Lazy Registration', () => {
   beforeEach(async () => {
     await device.relaunchApp();
     await elementById(TestIDs.STACK_BTN).tap();

e2e/Modals.test.js

@@ -21,7 +21,7 @@ describe('modal', () => {
     await expect(elementById(TestIDs.NAVIGATION_TAB)).toBeVisible();
   });
 
-  it('unmount modal when dismissed', async () => {
+  it.e2e('unmount modal when dismissed', async () => {
     await expect(elementById(TestIDs.MODAL_SCREEN_HEADER)).toBeVisible();
     await elementById(TestIDs.MODAL_LIFECYCLE_BTN).tap();
     await expect(elementByLabel('didAppear')).toBeVisible();
@@ -104,7 +104,7 @@ describe('modal', () => {
     await expect(elementByLabel('Pushed Screen')).toBeVisible();
   });
 
-  it(':android: push into modal and dismiss pushed screen with hardware back', async () => {
+  it.e2e(':android: push into modal and dismiss pushed screen with hardware back', async () => {
     await elementById(TestIDs.PUSH_BTN).tap();
     await elementById(TestIDs.PUSH_BTN).tap();
     Android.pressBack();
@@ -123,7 +123,7 @@ describe('modal', () => {
     await expect(elementById(TestIDs.PUSHED_SCREEN_HEADER)).toBeVisible();
   });
 
-  it(':android: override hardware back button in modal with stack', async () => {
+  it.e2e(':android: override hardware back button in modal with stack', async () => {
     await elementById(TestIDs.PUSH_BTN).tap();
     await elementById(TestIDs.ADD_BACK_HANDLER).tap();
 
@@ -148,15 +148,11 @@ describe('modal', () => {
     await elementById(TestIDs.MODAL_COMMANDS_BTN).tap();
     await elementById(TestIDs.MODAL_BTN).tap();
 
-    await expect(element(by.id(TestIDs.SHOW_MODAL_PROMISE_RESULT))).toHaveText(
-      'showModal promise resolved with: UniqueStackId'
-    );
-    await expect(element(by.id(TestIDs.MODAL_DISMISSED_LISTENER_RESULT))).toHaveText(
-      'modalDismissed listener called with with: UniqueStackId'
-    );
-    await expect(element(by.id(TestIDs.DISMISS_MODAL_PROMISE_RESULT))).toHaveText(
-      'dismissModal promise resolved with: UniqueStackId'
-    );
+    await expect(elementByLabel('showModal promise resolved with: UniqueStackId')).toBeVisible();
+    await expect(
+      elementByLabel('modalDismissed listener called with with: UniqueStackId')
+    ).toBeVisible();
+    await expect(elementByLabel('dismissModal promise resolved with: UniqueStackId')).toBeVisible();
   });
 
   it('dismiss previous react-native modal', async () => {

e2e/Orientation.test.js

@@ -3,7 +3,7 @@ import TestIDs from '../playground/src/testIDs';
 
 const { elementById } = Utils;
 
-describe(':ios: orientation', () => {
+describe.e2e(':ios: orientation', () => {
   beforeEach(async () => {
     await device.launchApp({ newInstance: true });
     waitForDeviceToSettleAfterOrientationChangeAndroid = (ms) =>

e2e/Overlay.test.js

@@ -24,7 +24,7 @@ describe('Overlay', () => {
     await expect(elementByLabel('Alert displayed')).toBeVisible();
   });
 
-  it('overlay should redraw after orientation change', async () => {
+  it.e2e('overlay should redraw after orientation change', async () => {
     await elementById(TestIDs.SHOW_OVERLAY_BTN).tap();
     await device.setOrientation('landscape');
     await expect(elementById(TestIDs.OVERLAY_ALERT_HEADER)).toBeVisible();
@@ -36,7 +36,7 @@ describe('Overlay', () => {
     await expect(elementById(TestIDs.OVERLAY_ALERT_HEADER)).toBeVisible();
   });
 
-  fit('nested touchables work as expected', async () => {
+  it('nested touchables work as expected', async () => {
     await elementById(TestIDs.TOAST_BTN).tap();
     await elementById(TestIDs.TOAST_OK_BTN_INNER).tap();
     await expect(elementByLabel('Inner button clicked')).toBeVisible();
@@ -63,16 +63,16 @@ describe('Overlay Dismiss all', () => {
     await elementById(TestIDs.OVERLAY_BTN).tap();
   });
 
-  it('dismissAllOverlays should dismiss all opened overlays', async() => {
+  xit('dismissAllOverlays should dismiss all opened overlays', async () => {
     await elementById(TestIDs.SHOW_FULLSCREEN_OVERLAY_BTN).tap();
     await elementById(TestIDs.SHOW_OVERLAY_BTN).tap();
     await elementById(TestIDs.DISMISS_ALL_OVERLAYS_BUTTON).tap();
     await expect(elementById(TestIDs.OVERLAY_DISMISSED_COUNT)).toHaveText('2');
   });
 
-  it('dismissAllOverlays should be able to dismiss only one overlay', async() => {
+  it.e2e('dismissAllOverlays should be able to dismiss only one overlay', async () => {
     await elementById(TestIDs.SHOW_OVERLAY_BTN).tap();
     await elementById(TestIDs.DISMISS_ALL_OVERLAYS_BUTTON).tap();
     await expect(elementById(TestIDs.OVERLAY_DISMISSED_COUNT)).toHaveText('1');
-  })
-})
+  });
+});

e2e/SearchBar.test.js

@@ -3,7 +3,7 @@ import Utils from './Utils';
 
 const { elementById, elementByTraits } = Utils;
 
-describe(':ios: SearchBar', () => {
+describe.e2e(':ios: SearchBar', () => {
   beforeEach(async () => {
     await device.launchApp({ newInstance: true });
     await elementById(TestIDs.OPTIONS_TAB).tap();
@@ -18,7 +18,7 @@ describe(':ios: SearchBar', () => {
   });
 });
 
-describe(':ios: SearchBar Modal', () => {
+describe.e2e(':ios: SearchBar Modal', () => {
   beforeAll(async () => {
     await device.launchApp({ newInstance: true });
     await elementById(TestIDs.OPTIONS_TAB).tap();

e2e/SideMenu.test.js

@@ -1,11 +1,11 @@
 import Utils from './Utils';
 import TestIDs from '../playground/src/testIDs';
 
-const {elementByLabel, elementById} = Utils;
+const { elementByLabel, elementById } = Utils;
 
-describe('SideMenu', () => {
+describe.e2e('SideMenu', () => {
   beforeEach(async () => {
-    await device.launchApp({newInstance: true});
+    await device.launchApp({ newInstance: true });
     await elementById(TestIDs.SIDE_MENU_BTN).tap();
   });
 

e2e/SplitView.test.js

@@ -4,7 +4,7 @@ import TestIDs from '../playground/src/testIDs';
 const cocktailsList = require('../playground/src/assets/cocktails').default;
 const { elementByLabel, elementById } = Utils;
 
-describe(':ios: SplitView', () => {
+describe.e2e(':ios: SplitView', () => {
   beforeEach(async () => {
     await device.launchApp({ newInstance: true });
     await elementById(TestIDs.SPLIT_VIEW_BUTTON).tap();

e2e/Stack.test.js

@@ -81,21 +81,21 @@ describe('Stack', () => {
     await expect(elementByLabel('didDisappear')).toBeVisible();
   });
 
-  it('Screen popped event', async () => {
+  it.e2e('Screen popped event', async () => {
     await elementById(TestIDs.PUSH_LIFECYCLE_BTN).tap();
     await elementById(TestIDs.SCREEN_POPPED_BTN).tap();
     await expect(elementByLabel('Screen popped event')).toBeVisible();
   });
 
-  it('unmount is called on pop', async () => {
+  it.e2e('unmount is called on pop', async () => {
     await elementById(TestIDs.PUSH_LIFECYCLE_BTN).tap();
     await elementById(TestIDs.POP_BTN).tap();
     await expect(elementByLabel('componentWillUnmount')).toBeVisible();
     await elementByLabel('OK').atIndex(0).tap();
     await expect(elementByLabel('didDisappear')).toBeVisible();
   });
 
-  it(':android: override hardware back button', async () => {
+  it.e2e(':android: override hardware back button', async () => {
     await elementById(TestIDs.PUSH_BTN).tap();
     await elementById(TestIDs.ADD_BACK_HANDLER).tap();
     Android.pressBack();
@@ -113,7 +113,7 @@ describe('Stack', () => {
     await elementById(TestIDs.SET_STACK_ROOT_WITH_ID_BTN).tap();
   });
 
-  it(':ios: set stack root component should be first in stack', async () => {
+  it.e2e(':ios: set stack root component should be first in stack', async () => {
     await elementById(TestIDs.PUSH_BTN).tap();
     await expect(elementByLabel('Stack Position: 1')).toBeVisible();
     await elementById(TestIDs.SET_STACK_ROOT_BUTTON).tap();
@@ -135,12 +135,7 @@ describe('Stack', () => {
   it('push promise is resolved with pushed ViewController id', async () => {
     await elementById(TestIDs.STACK_COMMANDS_BTN).tap();
     await elementById(TestIDs.PUSH_BTN).tap();
-
-    await expect(element(by.id(TestIDs.PUSH_PROMISE_RESULT))).toHaveText(
-      'push promise resolved with: ChildId'
-    );
-    await expect(element(by.id(TestIDs.POP_PROMISE_RESULT))).toHaveText(
-      'pop promise resolved with: ChildId'
-    );
+    await expect(elementByLabel('push promise resolved with: ChildId')).toBeVisible();
+    await expect(elementByLabel('pop promise resolved with: ChildId')).toBeVisible();
   });
 });

e2e/StaticLifecycleEvents.test.js

@@ -1,6 +1,5 @@
 import Utils from './Utils';
 import TestIDs from '../playground/src/testIDs';
-import Android from './AndroidUtils';
 
 const { elementByLabel, elementById } = Utils;
 
@@ -75,7 +74,9 @@ describe('static lifecycle events', () => {
     await elementById(TestIDs.PUSH_OPTIONS_BUTTON).tap();
     await elementById(TestIDs.CLEAR_OVERLAY_EVENTS_BTN).tap();
     await elementById(TestIDs.SET_REACT_TITLE_VIEW).tap();
-    await expect(elementByLabel('componentWillAppear | ReactTitleView | TopBarTitle')).toBeVisible();
+    await expect(
+      elementByLabel('componentWillAppear | ReactTitleView | TopBarTitle')
+    ).toBeVisible();
     await expect(elementByLabel('componentDidAppear | ReactTitleView | TopBarTitle')).toBeVisible();
     await elementById(TestIDs.CLEAR_OVERLAY_EVENTS_BTN).tap();
     await elementById(TestIDs.PUSH_BTN).tap();
@@ -103,5 +104,5 @@ describe('static lifecycle events', () => {
     await expect(
       elementByLabel('componentDidAppear | CustomRoundedButton | TopBarButton')
     ).toBeVisible();
-  })
+  });
 });

e2e/init.js

@@ -2,6 +2,7 @@ const detox = require('detox');
 const config = require('../package.json').detox;
 const exec = require('shell-utils').exec;
 const adapter = require('detox/runners/jest/adapter');
+require('detox-testing-library-rnn-adapter').extendDetox();
 
 jest.setTimeout(300000);
 jasmine.getEnv().addReporter(adapter);

integration/redux/Redux.test.js

@@ -2,7 +2,7 @@ const React = require('react');
 require('react-native');
 const renderer = require('react-test-renderer');
 const { Provider } = require('react-redux');
-const { Navigation } = require('../../lib/dist/index');
+const { Navigation } = require('../../lib/src/index');
 
 describe('redux support', () => {
   let MyConnectedComponent;

integration/remx/remx.test.js

@@ -1,7 +1,7 @@
 const React = require('react');
 require('react-native');
 const renderer = require('react-test-renderer');
-const { Navigation } = require('../../lib/dist/index');
+const { Navigation } = require('../../lib/src/index');
 
 describe('remx support', () => {
   let MyConnectedComponent;
@@ -14,6 +14,7 @@ describe('remx support', () => {
 
   it('renders normally', () => {
     const tree = renderer.create(<MyConnectedComponent />);
+    const tree2 = renderer.create(<MyConnectedComponent />);
     expect(tree.toJSON().children).toEqual(['no name']);
   });
 

jest-setup.js

@@ -0,0 +1,20 @@
+const { mockDetox } = require('detox-testing-library-rnn-adapter');
+
+mockDetox(() => require('./playground/index'));
+
+beforeEach(() => {
+  const { Navigation } = require('react-native-navigation');
+  setTimeout = (func) => {
+    func();
+  };
+  Navigation.mockNativeComponents();
+  mockUILib();
+});
+
+const mockUILib = () => {
+  const NativeModules = require('react-native').NativeModules;
+  NativeModules.KeyboardTrackingViewTempManager = {};
+  NativeModules.StatusBarManager = {
+    getHeight: () => 40,
+  };
+};

lib/src/Mock/Application.tsx

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { connect } from './connect';
+
+interface ApplicationProps {
+  entryPoint: () => void;
+}
+
+export const Application = connect(
+  class extends React.Component<ApplicationProps> {
+    constructor(props: ApplicationProps) {
+      super(props);
+      props.entryPoint();
+    }
+
+    render() {
+      const { LayoutComponent } = require('./Components/LayoutComponent');
+      const { LayoutStore } = require('./Stores/LayoutStore');
+      const { Modals } = require('./Components/Modals');
+      const { Overlays } = require('./Components/Overlays');
+      return (
+        <View testID={'Application'}>
+          <LayoutComponent layoutNode={LayoutStore.getLayout()} />
+          <Modals />
+          <Overlays />
+        </View>
+      );
+    }
+  }
+);

lib/src/Mock/ComponentProps.tsx

@@ -0,0 +1,6 @@
+import ParentNode from './Layouts/ParentNode';
+
+export interface ComponentProps {
+  layoutNode: ParentNode;
+  backButton?: boolean;
+}