Migrate to jest (#3343)

* Migrate to jest to support parallel ios simulator from detox

* When e2e lint only ts or js files

* Remove mocha from deps and decrease from 480000ms to 180000ms

e2e/ApplicationLifecycleTest.test.js

@@ -13,14 +13,14 @@ describe('application lifecycle test', () => {
     await device.relaunchApp();
   });
 
-  it('push a screen to ensure its not there after reload', async () => {
+  test('push a screen to ensure its not there after reload', async () => {
     await elementById(testIDs.PUSH_BUTTON).tap();
     await expect(elementByLabel('Pushed Screen')).toBeVisible();
     await device.reloadReactNative();
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it('relaunch from background', async () => {
+  test('relaunch from background', async () => {
     await elementById(testIDs.PUSH_BUTTON).tap();
     await expect(elementByLabel('Pushed Screen')).toBeVisible();
 
@@ -30,7 +30,7 @@ describe('application lifecycle test', () => {
     await expect(elementByLabel('Pushed Screen')).toBeVisible();
   });
 
-  it(':android: relaunch after close with back button', async () => {
+  test(':android: relaunch after close with back button', async () => {
     await elementById(testIDs.PUSH_BUTTON).tap();
     await expect(elementByLabel('Pushed Screen')).toBeVisible();
 
@@ -40,7 +40,7 @@ describe('application lifecycle test', () => {
     await expect(elementByLabel('Pushed Screen')).toBeNotVisible();
   });
 
-  it('device orientation does not destroy activity', async () => {
+  test('device orientation does not destroy activity', async () => {
     await elementById(testIDs.PUSH_BUTTON).tap();
     await expect(elementByLabel('Pushed Screen')).toBeVisible();
 
@@ -49,7 +49,7 @@ describe('application lifecycle test', () => {
     await expect(elementByLabel('Pushed Screen')).toBeVisible();
   });
 
-  it(':android: relaunch after activity killed by system', async () => {
+  test(':android: relaunch after activity killed by system', async () => {
     await elementById(testIDs.PUSH_BUTTON).tap();
     await expect(elementByLabel('Pushed Screen')).toBeVisible();
     await device.sendToHome();
@@ -82,7 +82,7 @@ describe('application lifecycle test', () => {
     }
   });
 
-  it(':android: pressing r twice with delay does nothing', async () => {
+  test(':android: pressing r twice with delay does nothing', async () => {
     if (!IS_RELEASE) {
       await elementById(testIDs.PUSH_BUTTON).tap();
       await expect(elementByLabel('Pushed Screen')).toBeVisible();

e2e/BackHandler.test.js

@@ -9,7 +9,7 @@ describe(':android: screen stack', () => {
     await device.relaunchApp();
   });
 
-  it('override hardware back button', async () => {
+  test('override hardware back button', async () => {
     await elementByLabel('BACK HANDLER').tap();
     await expect(elementByLabel('Back Handler Screen')).toBeVisible();
 
@@ -24,7 +24,7 @@ describe(':android: screen stack', () => {
     await expect(elementByLabel('React Native Navigation!')).toBeVisible();
   });
 
-  it('override hardware back button in modal with stack', async () => {
+  test('override hardware back button in modal with stack', async () => {
     await elementByLabel('BACK HANDLER').tap();
     await expect(elementByLabel('Back Handler Screen')).toBeVisible();
 

e2e/ComplexLayout.test.js

@@ -8,13 +8,13 @@ describe('complex layout', () => {
     await device.relaunchApp();
   });
 
-  it(':ios: shows external component in stack in modal', async () => {
+  test(':ios: shows external component in stack in modal', async () => {
     await elementById(testIDs.COMPLEX_LAYOUT_BUTTON).tap();
     await elementById(testIDs.EXTERNAL_COMPONENT_IN_STACK).tap();
     await expect(elementByLabel('External component in stack')).toBeVisible();
   });
 
-  it(':ios: shows external component in deep stack in modal', async () => {
+  test(':ios: shows external component in deep stack in modal', async () => {
     await elementById(testIDs.COMPLEX_LAYOUT_BUTTON).tap();
     await elementById(testIDs.EXTERNAL_COMPONENT_IN_DEEP_STACK).tap();
     await expect(elementByLabel('External component in deep stack')).toBeVisible();

e2e/CustomTransition.js

@@ -9,7 +9,7 @@ describe(':ios: custom transition', () => {
     await device.relaunchApp();
   });
 
-  it('sanity', async () => {
+  test('sanity', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await elementById(testIDs.CUSTOM_TRANSITION_BUTTON).tap();
     await expect(element(by.id('shared_image1'))).toExist();

e2e/Modals.test.js

@@ -9,19 +9,19 @@ describe('modal', () => {
     await device.relaunchApp();
   });
 
-  it('show modal', async () => {
+  test('show modal', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await expect(elementById(testIDs.MODAL_SCREEN)).toBeVisible();
   });
 
-  it('dismiss modal', async () => {
+  test('dismiss modal', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await expect(elementById(testIDs.MODAL_SCREEN)).toBeVisible();
     await elementById(testIDs.DISMISS_MODAL_BUTTON).tap();
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it('unmount modal when dismissed', async () => {
+  test('unmount modal when dismissed', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await expect(elementById(testIDs.MODAL_SCREEN)).toBeVisible();
     await elementById(testIDs.MODAL_LIFECYCLE_BUTTON).tap();
@@ -33,7 +33,7 @@ describe('modal', () => {
     await elementByLabel('OK').atIndex(0).tap();
   });
 
-  it('show multiple modals', async () => {
+  test('show multiple modals', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await expect(elementByLabel('Modal Stack Position: 1')).toBeVisible();
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
@@ -44,7 +44,7 @@ describe('modal', () => {
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it('dismiss unknown screen id', async () => {
+  test('dismiss unknown screen id', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await expect(elementByLabel('Modal Stack Position: 1')).toBeVisible();
     await elementById(testIDs.DISMISS_UNKNOWN_MODAL_BUTTON).tap();
@@ -53,7 +53,7 @@ describe('modal', () => {
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it('dismiss modal by id which is not the top most', async () => {
+  test('dismiss modal by id which is not the top most', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await expect(elementByLabel('Modal Stack Position: 1')).toBeVisible();
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
@@ -64,22 +64,25 @@ describe('modal', () => {
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it('dismiss all previous modals by id when they are below top presented modal', async () => {
-    await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
-    await expect(elementByLabel('Modal Stack Position: 1')).toBeVisible();
-    await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
-    await expect(elementByLabel('Modal Stack Position: 2')).toBeVisible();
-    await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
-    await expect(elementByLabel('Modal Stack Position: 3')).toBeVisible();
+  test(
+    'dismiss all previous modals by id when they are below top presented modal',
+    async () => {
+      await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
+      await expect(elementByLabel('Modal Stack Position: 1')).toBeVisible();
+      await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
+      await expect(elementByLabel('Modal Stack Position: 2')).toBeVisible();
+      await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
+      await expect(elementByLabel('Modal Stack Position: 3')).toBeVisible();
 
-    await elementById(testIDs.DISMISS_ALL_PREVIOUS_MODAL_BUTTON).tap();
-    await expect(elementByLabel('Modal Stack Position: 3')).toBeVisible();
+      await elementById(testIDs.DISMISS_ALL_PREVIOUS_MODAL_BUTTON).tap();
+      await expect(elementByLabel('Modal Stack Position: 3')).toBeVisible();
 
-    await elementById(testIDs.DISMISS_MODAL_BUTTON).tap();
-    await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
-  });
+      await elementById(testIDs.DISMISS_MODAL_BUTTON).tap();
+      await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
+    }
+  );
 
-  it('dismiss some modal by id deep in the stack', async () => {
+  test('dismiss some modal by id deep in the stack', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await expect(elementByLabel('Modal Stack Position: 1')).toBeVisible();
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
@@ -97,7 +100,7 @@ describe('modal', () => {
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it('dismissAllModals', async () => {
+  test('dismissAllModals', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await expect(elementByLabel('Modal Stack Position: 1')).toBeVisible();
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
@@ -106,13 +109,13 @@ describe('modal', () => {
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it('push into modal', async () => {
+  test('push into modal', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await elementById(testIDs.PUSH_BUTTON).tap();
     await expect(elementByLabel('Pushed Screen')).toBeVisible();
   });
 
-  it(':android: push into modal', async () => {
+  test(':android: push into modal', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await elementById(testIDs.PUSH_BUTTON).tap();
     await elementById(testIDs.PUSH_BUTTON).tap();
@@ -120,7 +123,7 @@ describe('modal', () => {
     await expect(elementByLabel('Pushed Screen')).toBeVisible();
   });
 
-  it('present modal multiple times', async () => {
+  test('present modal multiple times', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await elementById(testIDs.DISMISS_MODAL_BUTTON).tap();

e2e/Orientations.test.js

@@ -11,7 +11,7 @@ describe(':ios: orientation', () => {
     waitForDeviceToSettleAfterOrientationChangeAndroid = ms => new Promise(res => setTimeout(res, device.getPlatform() === 'ios' ? 0 : 400));
   });
 
-  it('default allows all', async () => {
+  test('default allows all', async () => {
     await elementById(testIDs.ORIENTATION_BUTTON).tap();
     await elementById(testIDs.DEFAULT_ORIENTATION_BUTTON).tap();
     waitForDeviceToSettleAfterOrientationChangeAndroid();
@@ -25,7 +25,7 @@ describe(':ios: orientation', () => {
     await elementById(testIDs.DISMISS_BUTTON).tap();
   });
 
-  it('landscape and portrait array', async () => {
+  test('landscape and portrait array', async () => {
     await elementById(testIDs.ORIENTATION_BUTTON).tap();
     await elementById(testIDs.LANDSCAPE_PORTRAIT_ORIENTATION_BUTTON).tap();
     await expect(element(by.id(testIDs.PORTRAIT_ELEMENT))).toBeVisible();
@@ -38,7 +38,7 @@ describe(':ios: orientation', () => {
     await elementById(testIDs.DISMISS_BUTTON).tap();
   });
 
-  it(':ios: portrait only', async () => {
+  test(':ios: portrait only', async () => {
     await elementById(testIDs.ORIENTATION_BUTTON).tap();
     await elementById(testIDs.PORTRAIT_ORIENTATION_BUTTON).tap();
     await expect(elementById(testIDs.PORTRAIT_ELEMENT)).toBeVisible();
@@ -49,7 +49,7 @@ describe(':ios: orientation', () => {
     await elementById(testIDs.DISMISS_BUTTON).tap();
   });
 
-  it(':ios: landscape only', async () => {
+  test(':ios: landscape only', async () => {
     await elementById(testIDs.ORIENTATION_BUTTON).tap();
     await elementById(testIDs.LANDSCAPE_ORIENTATION_BUTTON).tap();
     await device.setOrientation('landscape');

e2e/OverlayTest.test.js

@@ -7,7 +7,7 @@ describe('Overlay', () => {
     await device.relaunchApp();
   });
 
-  it('show and dismiss overlay', async () => {
+  test('show and dismiss overlay', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await elementById(testIDs.SHOW_OVERLAY_BUTTON).tap();
     await expect(elementById(testIDs.DIALOG_HEADER)).toBeVisible();
@@ -15,7 +15,7 @@ describe('Overlay', () => {
     await expect(elementById(testIDs.DIALOG_HEADER)).toBeNotVisible();
   });
 
-  it('overlay pass touches - true', async () => {
+  test('overlay pass touches - true', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await elementById(testIDs.SHOW_TOUCH_THROUGH_OVERLAY_BUTTON).tap();
     await expect(elementById(testIDs.DIALOG_HEADER)).toBeVisible();
@@ -24,7 +24,7 @@ describe('Overlay', () => {
     await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeNotVisible();
   });
 
-  it('overlay pass touches - false', async () => {
+  test('overlay pass touches - false', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await elementById(testIDs.SHOW_OVERLAY_BUTTON).tap();
     await expect(elementById(testIDs.DIALOG_HEADER)).toBeVisible();
@@ -33,7 +33,7 @@ describe('Overlay', () => {
     await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeVisible();
   });
 
-  it('overlay should redraw after orientation change', async () => {
+  test('overlay should redraw after orientation change', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await elementById(testIDs.SHOW_OVERLAY_BUTTON).tap();
     await expect(elementById(testIDs.DIALOG_HEADER)).toBeVisible();

e2e/ScreenStack.test.js

@@ -9,21 +9,21 @@ describe('screen stack', () => {
     await device.relaunchApp();
   });
 
-  it('push and pop screen', async () => {
+  test('push and pop screen', async () => {
     await elementById(testIDs.PUSH_BUTTON).tap();
     await expect(elementById(testIDs.PUSHED_SCREEN_HEADER)).toBeVisible();
     await elementById(testIDs.POP_BUTTON).tap();
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it(':android: push and pop screen without animation', async () => {
+  test(':android: push and pop screen without animation', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await expect(elementById(testIDs.OPTIONS_SCREEN_HEADER)).toBeVisible();
     Android.pressBack();
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it('pop screen deep in the stack', async () => {
+  test('pop screen deep in the stack', async () => {
     await elementById(testIDs.PUSH_BUTTON).tap();
     await expect(elementByLabel('Stack Position: 1')).toBeVisible();
     await elementById(testIDs.PUSH_BUTTON).tap();
@@ -34,7 +34,7 @@ describe('screen stack', () => {
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it('pop to specific id', async () => {
+  test('pop to specific id', async () => {
     await elementById(testIDs.PUSH_BUTTON).tap();
     await elementById(testIDs.PUSH_BUTTON).tap();
     await elementById(testIDs.PUSH_BUTTON).tap();
@@ -43,7 +43,7 @@ describe('screen stack', () => {
     await expect(elementByLabel('Stack Position: 1')).toBeVisible();
   });
 
-  it('pop to root', async () => {
+  test('pop to root', async () => {
     await elementById(testIDs.PUSH_BUTTON).tap();
     await elementById(testIDs.PUSH_BUTTON).tap();
     await elementById(testIDs.PUSH_BUTTON).tap();
@@ -51,7 +51,7 @@ describe('screen stack', () => {
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it('switch to tab', async () => {
+  test('switch to tab', async () => {
     await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
     await expect(elementByLabel('This is tab 1')).toBeVisible();
     await elementById(testIDs.SWITCH_SECOND_TAB_BUTTON).tap();
@@ -59,7 +59,7 @@ describe('screen stack', () => {
     await expect(elementByLabel('This is tab 2')).toBeVisible();
   });
 
-  it('switch to tab by cotnainerId', async () => {
+  test('switch to tab by cotnainerId', async () => {
     await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
     await expect(elementByLabel('This is tab 1')).toBeVisible();
     await elementById(testIDs.SWITCH_SECOND_TAB_BUTTON).tap();
@@ -68,7 +68,7 @@ describe('screen stack', () => {
     await expect(elementByLabel('This is tab 1')).toBeVisible();
   });
 
-  it('push stack with multiple children', async () => {
+  test('push stack with multiple children', async () => {
     await elementById(testIDs.SHOW_MODAL_BUTTON).tap();
     await elementById(testIDs.MODAL_WITH_STACK_BUTTON).tap();
     await expect(elementByLabel('Screen 2')).toBeVisible();
@@ -76,13 +76,13 @@ describe('screen stack', () => {
     await expect(elementByLabel('Screen 1')).toBeVisible();
   });
 
-  it('push external component with options', async () => {
+  test('push external component with options', async () => {
     await elementById(testIDs.PUSH_EXTERNAL_COMPONENT_BUTTON).tap();
     await expect(elementByLabel('This is an external component')).toBeVisible();
     await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeVisible();
   });
 
-  it('push into a stack from BottomTabs', async () => {
+  test('push into a stack from BottomTabs', async () => {
     await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
     await elementById(testIDs.PUSH_BUTTON).tap();
     await expect(elementByLabel('Pushed Screen')).toBeVisible();
@@ -90,7 +90,7 @@ describe('screen stack', () => {
     await expect(elementByLabel('This is tab 1')).toBeVisible();
   });
 
-  it(':ios: set stack root component should be first in stack', async () => {
+  test(':ios: set stack root component should be first in stack', async () => {
     await elementById(testIDs.PUSH_BUTTON).tap();
     await expect(elementByLabel('Stack Position: 1')).toBeVisible();
     await elementById(testIDs.SET_STACK_ROOT_BUTTON).tap();
@@ -99,7 +99,7 @@ describe('screen stack', () => {
     await expect(elementByLabel('Stack Position: 2')).toBeVisible();
   });
 
-  it('push to stack with static id from SideMenu', async () => {
+  test('push to stack with static id from SideMenu', async () => {
     await elementById(testIDs.TAB_BASED_APP_SIDE_BUTTON).tap();
     await elementById(testIDs.SHOW_LEFT_SIDE_MENU_BUTTON).tap();
     await elementById(testIDs.LEFT_SIDE_MENU_PUSH_BUTTON).tap();

e2e/ScreenStyle.test.js

@@ -8,31 +8,37 @@ describe('screen style', () => {
     await device.relaunchApp();
   });
 
-  it('declare a options on component component', async () => {
+  test('declare a options on component component', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await expect(elementByLabel('Static Title')).toBeVisible();
   });
 
-  it('change title on component component', async () => {
+  test('change title on component component', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await expect(elementByLabel('Static Title')).toBeVisible();
     await elementById(testIDs.DYNAMIC_OPTIONS_BUTTON).tap();
     await expect(elementByLabel('Dynamic Title')).toBeVisible();
   });
 
-  it('set dynamic options with valid options will do something and not crash', async () => {
-    await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
-    await elementById(testIDs.DYNAMIC_OPTIONS_BUTTON).tap();
-    await expect(elementById(testIDs.OPTIONS_SCREEN_HEADER)).toBeVisible();
-  });
-
-  it('hides Tab Bar when pressing on Hide Top Bar and shows it when pressing on Show Top Bar', async () => {
-    await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
-    await elementById(testIDs.HIDE_TOP_BAR_BUTTON).tap();
-    await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeNotVisible();
-    await elementById(testIDs.SHOW_TOP_BAR_BUTTON).tap();
-    await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeVisible();
-  });
+  test(
+    'set dynamic options with valid options will do something and not crash',
+    async () => {
+      await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
+      await elementById(testIDs.DYNAMIC_OPTIONS_BUTTON).tap();
+      await expect(elementById(testIDs.OPTIONS_SCREEN_HEADER)).toBeVisible();
+    }
+  );
+
+  test(
+    'hides Tab Bar when pressing on Hide Top Bar and shows it when pressing on Show Top Bar',
+    async () => {
+      await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
+      await elementById(testIDs.HIDE_TOP_BAR_BUTTON).tap();
+      await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeNotVisible();
+      await elementById(testIDs.SHOW_TOP_BAR_BUTTON).tap();
+      await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeVisible();
+    }
+  );
 
   xit('hides topBar onScroll down and shows it on scroll up', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
@@ -45,20 +51,20 @@ describe('screen style', () => {
     await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeVisible();
   });
 
-  it('set Tab Bar badge on a current Tab', async () => {
+  test('set Tab Bar badge on a current Tab', async () => {
     await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
     await elementById(testIDs.SET_TAB_BADGE_BUTTON).tap();
     await expect(element(by.text('TeSt'))).toBeVisible();
   });
 
-  it('hide Tab Bar', async () => {
+  test('hide Tab Bar', async () => {
     await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
     await expect(elementById(testIDs.BOTTOM_TABS_ELEMENT)).toBeVisible();
     await elementById(testIDs.HIDE_BOTTOM_TABS_BUTTON).tap();
     await expect(elementById(testIDs.BOTTOM_TABS_ELEMENT)).toBeNotVisible();
   });
 
-  it('show Tab Bar', async () => {
+  test('show Tab Bar', async () => {
     await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
     await elementById(testIDs.HIDE_BOTTOM_TABS_BUTTON).tap();
     await expect(elementById(testIDs.BOTTOM_TABS_ELEMENT)).toBeNotVisible();
@@ -66,7 +72,7 @@ describe('screen style', () => {
     await expect(elementById(testIDs.BOTTOM_TABS_ELEMENT)).toBeVisible();
   });
 
-  it('side menu visibility - left', async () => {
+  test('side menu visibility - left', async () => {
     await elementById(testIDs.TAB_BASED_APP_SIDE_BUTTON).tap();
     await elementById(testIDs.SHOW_LEFT_SIDE_MENU_BUTTON).tap();
     await expect(elementById(testIDs.HIDE_LEFT_SIDE_MENU_BUTTON)).toBeVisible();
@@ -74,7 +80,7 @@ describe('screen style', () => {
     await expect(elementById(testIDs.CENTERED_TEXT_HEADER)).toBeVisible();
   });
 
-  it('side menu visibility - right', async () => {
+  test('side menu visibility - right', async () => {
     await elementById(testIDs.TAB_BASED_APP_SIDE_BUTTON).tap();
     await elementById(testIDs.SHOW_RIGHT_SIDE_MENU_BUTTON).tap();
     await expect(elementById(testIDs.HIDE_RIGHT_SIDE_MENU_BUTTON)).toBeVisible();
@@ -82,7 +88,7 @@ describe('screen style', () => {
     await expect(elementById(testIDs.CENTERED_TEXT_HEADER)).toBeVisible();
   });
 
-  it('set right buttons', async () => {
+  test('set right buttons', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await expect(elementById('buttonOne')).toBeVisible();
     await elementById('buttonOne').tap();
@@ -91,18 +97,18 @@ describe('screen style', () => {
     await expect(elementById('buttonOne')).toBeVisible();
   });
 
-  it('set left buttons', async () => {
+  test('set left buttons', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await expect(elementById('buttonLeft')).toBeVisible();
   });
 
-  it('tab bar items visibility', async () => {
+  test('tab bar items visibility', async () => {
     await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
     await expect(elementById(testIDs.FIRST_TAB_BAR_BUTTON)).toBeVisible();
     await expect(elementById(testIDs.SECOND_TAB_BAR_BUTTON)).toBeVisible();
   });
 
-  it('default options should apply to all screens in stack', async () => {
+  test('default options should apply to all screens in stack', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await elementById(testIDs.PUSH_DEFAULT_OPTIONS_BUTTON).tap();
     await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeNotVisible();
@@ -110,7 +116,7 @@ describe('screen style', () => {
     await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeNotVisible();
   });
 
-  it('default options should not override static options', async () => {
+  test('default options should not override static options', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await elementById(testIDs.PUSH_DEFAULT_OPTIONS_BUTTON).tap();
     await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeNotVisible();
@@ -118,23 +124,23 @@ describe('screen style', () => {
     await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeVisible();
   });
 
-  it('supports user-provided id', async () => {
+  test('supports user-provided id', async () => {
     await elementById(testIDs.PROVIDED_ID).tap();
     await expect(elementByLabel('User provided id')).toBeVisible();
   });
 
-  it('stack options should not override component options', async () => {
+  test('stack options should not override component options', async () => {
     await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
     await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeVisible();
   });
 
-  it('set title component', async () => {
+  test('set title component', async () => {
     await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
     await elementById(testIDs.SHOW_TOPBAR_REACT_VIEW).tap();
     await expect(elementByLabel('Press Me')).toBeVisible();
   });
 
-  it(':ios: set searchBar and handle onSearchUpdated event', async () => {
+  test(':ios: set searchBar and handle onSearchUpdated event', async () => {
     await elementById(testIDs.SHOW_TOPBAR_SEARCHBAR).tap();
     await expect(elementByLabel('Start Typing')).toBeVisible();
     await elementByLabel('Start Typing').tap();

e2e/StaticLifecycleEvents.test.js

@@ -7,7 +7,7 @@ describe('static lifecycle events', () => {
     await device.relaunchApp();
   });
 
-  it('didAppear didDisappear', async () => {
+  test('didAppear didDisappear', async () => {
     await elementById(testIDs.PUSH_STATIC_LIFECYCLE_BUTTON).tap();
     await expect(elementByLabel('Static Lifecycle Events Overlay')).toBeVisible();
     await expect(elementByLabel('componentDidAppear | navigation.playground.StaticLifecycleOverlay')).toBeVisible();
@@ -16,7 +16,7 @@ describe('static lifecycle events', () => {
     await expect(elementByLabel('componentDidDisappear | navigation.playground.WelcomeScreen')).toBeVisible();
   });
 
-  it(':ios: pushing and popping screen dispatch static event', async () => {
+  test(':ios: pushing and popping screen dispatch static event', async () => {
     await elementById(testIDs.PUSH_STATIC_LIFECYCLE_BUTTON).tap();
     await expect(elementByLabel('Static Lifecycle Events Overlay')).toBeVisible();
     await expect(elementByLabel('componentDidAppear | navigation.playground.StaticLifecycleOverlay')).toBeVisible();
@@ -26,7 +26,7 @@ describe('static lifecycle events', () => {
     await expect(elementByLabel('pop')).toBeVisible();
   });
 
-  it(':ios: showModal and dismissModal dispatch static event', async () => {
+  test(':ios: showModal and dismissModal dispatch static event', async () => {
     await elementById(testIDs.PUSH_STATIC_LIFECYCLE_BUTTON).tap();
     await expect(elementByLabel('Static Lifecycle Events Overlay')).toBeVisible();
     await expect(elementByLabel('componentDidAppear | navigation.playground.StaticLifecycleOverlay')).toBeVisible();
@@ -36,7 +36,7 @@ describe('static lifecycle events', () => {
     await expect(elementByLabel('dismissModal')).toBeVisible();
   });
 
-  it(':ios: unmounts when dismissed', async () => {
+  test(':ios: unmounts when dismissed', async () => {
     await elementById(testIDs.PUSH_STATIC_LIFECYCLE_BUTTON).tap();
     await expect(elementByLabel('Static Lifecycle Events Overlay')).toBeVisible();
     await elementById(testIDs.DISMISS_BUTTON).tap();

e2e/TopLevelApi.test.js

@@ -8,30 +8,30 @@ describe('top level api', () => {
     await device.relaunchApp();
   });
 
-  it('shows welcome screen', async () => {
+  test('shows welcome screen', async () => {
     await expect(elementById(testIDs.WELCOME_SCREEN_HEADER)).toBeVisible();
   });
 
-  it('switch to tab based app, passProps and functions', async () => {
+  test('switch to tab based app, passProps and functions', async () => {
     await elementById(testIDs.TAB_BASED_APP_BUTTON).tap();
     await expect(elementByLabel('This is tab 1')).toBeVisible();
     await expect(elementByLabel('Hello from a function!')).toBeVisible();
   });
 
-  it(':ios: switch to tabs with side menus', async () => {
+  test(':ios: switch to tabs with side menus', async () => {
     await elementById(testIDs.TAB_BASED_APP_SIDE_BUTTON).tap();
     await elementById(testIDs.CENTERED_TEXT_HEADER).swipe('right');
     await expect(elementById(testIDs.HIDE_LEFT_SIDE_MENU_BUTTON)).toBeVisible();
   });
 
-  it('screen lifecycle', async () => {
+  test('screen lifecycle', async () => {
     await elementById(testIDs.PUSH_LIFECYCLE_BUTTON).tap();
     await expect(elementByLabel('didAppear')).toBeVisible();
     await elementById(testIDs.PUSH_TO_TEST_DID_DISAPPEAR_BUTTON).tap();
     await expect(elementByLabel('didDisappear')).toBeVisible();
   });
 
-  it('unmount is called on pop', async () => {
+  test('unmount is called on pop', async () => {
     await elementById(testIDs.PUSH_LIFECYCLE_BUTTON).tap();
     await expect(elementByLabel('didAppear')).toBeVisible();
     await elementById(testIDs.POP_BUTTON).tap();

e2e/config.json

@@ -0,0 +1,6 @@
+{
+  "setupTestFrameworkScriptFile" : "./init.js",
+  "testEnvironment": "node",
+  "bail": true,
+  "verbose": true
+}

e2e/init.js

@@ -1,16 +1,25 @@
 const detox = require('detox');
 const config = require('../package.json').detox;
 const exec = require('shell-utils').exec;
+jest.setTimeout(180000);
 
-before(async () => {
+beforeAll(async () => {
   await detox.init(config, { launchApp: false });
   disableAndroidEmulatorAnimations();
 });
 
-after(async () => {
+afterAll(async () => {
   await detox.cleanup();
 });
 
+beforeEach(async function() {
+    await detox.beforeEach(jasmine.testPath);
+});
+
+afterEach(async function() {
+    await detox.afterEach(jasmine.testPath);
+});
+
 function disableAndroidEmulatorAnimations() {
   if (device.getPlatform() === 'android') {
     const deviceId = device._deviceId;

e2e/mocha.opts

@@ -1 +0,0 @@
---recursive --timeout 300000 --bail

package.json

@@ -41,6 +41,7 @@
     "test-e2e-android": "node ./scripts/test-e2e --android",
     "pretest-e2e-ios": "npm run build",
     "test-e2e-ios": "node ./scripts/test-e2e --ios",
+    "test-e2e-ios-multi": "npm run test-e2e-ios -- --multi",
     "test-all": "node ./scripts/test-all",
     "prerelease": "npm run build",
     "release": "node ./scripts/release",
@@ -65,7 +66,6 @@
   "devDependencies": {
     "detox": "7.x.x",
     "jest": "22.x.x",
-    "mocha": "4.x.x",
     "react": "16.2.0",
     "react-native": "0.51.x",
     "react-redux": "5.x.x",
@@ -116,9 +116,8 @@
     }
   },
   "detox": {
-    "test-runner": "mocha",
+    "test-runner": "jest",
     "specs": "e2e",
-    "runner-config": "e2e/mocha.opts",
     "configurations": {
       "ios.sim.debug": {
         "binaryPath": "playground/ios/DerivedData/playground/Build/Products/Debug-iphonesimulator/playground.app",

scripts/test-e2e.js

@@ -5,6 +5,7 @@ const android = _.includes(process.argv, '--android');
 const release = _.includes(process.argv, '--release');
 const skipBuild = _.includes(process.argv, '--skipBuild');
 const headless = _.includes(process.argv, '--headless');
+const multi = _.includes(process.argv, '--multi');
 
 run();
 
@@ -15,9 +16,10 @@ function run() {
     const configuration = `${prefix}.${suffix}`;
     const cleanup = process.env.CI ? `--cleanup` : ``;
     const headless$ = android ? headless ? `--headless` : `` : ``;
+    const workers = multi ? 2 : 1;
 
     if (!skipBuild) {
         exec.execSync(`detox build --configuration ${configuration}`);
     }
-    exec.execSync(`detox test --configuration ${configuration} --platform ${platform} ${cleanup} ${headless$}`);
+    exec.execSync(`detox test --configuration ${configuration} --platform ${platform} ${cleanup} ${headless$} ${!android ? `-w ${workers}` : ``}`);
 }

scripts/test-js.js

@@ -14,7 +14,7 @@ const dirs = [
 run();
 
 function run() {
-  const paths = _.chain(dirs).map((d) => `'${d}/**/*.[tj]s*'`).join(' ').value();
+  const paths = _.chain(dirs).map((d) => d === 'e2e' ? `${d}/**/*.[tj]s` : `${d}/**/*.[tj]s*`).join(' ').value();
   exec.execSync(`tslint ${paths} ${fix} --format verbose`);
   assertAllTsFilesInSrc();
   exec.execSync(`jest --coverage`);