refctor ios e2e

e2e/app.test.js → e2e/Modals.test.js

-describe('top level api', () => {
-  beforeEach(async () => {
-    await device.relaunchApp();
-  });
-
-  it('shows welcome screen', async () => {
-    await expect(elementByLabel('React Native Navigation!')).toBeVisible();
-  });
-
-  it('switch to tab based app, passProps and functions', async () => {
-    await elementByLabel('Switch to tab based app').tap();
-    await expect(elementByLabel('This is tab 1')).toBeVisible();
-    await expect(elementByLabel('Hello from a function!')).toBeVisible();
-  });
-
-  it('switch to tabs with side menus', async () => {
-    await elementByLabel('Switch to app with side menus').tap();
-    await elementByLabel('This is a side menu center screen tab 1').swipe('right');
-    await expect(elementByLabel('This is a left side menu screen')).toBeVisible();
-  });
-
-  it('screen lifecycle', async () => {
-    await elementByLabel('Push lifecycle screen').tap();
-    await expect(elementByLabel('onStart')).toBeVisible();
-    await elementByLabel('Push to test onStop').tap();
-    await expect(elementByLabel('Alert')).toBeVisible();
-    await expect(elementByLabel('onStop')).toBeVisible();
-  });
-
-  it('unmount is called on pop', async () => {
-    await elementByLabel('Push lifecycle screen').tap();
-    await expect(elementByLabel('onStart')).toBeVisible();
-    await element(by.traits(['button']).and(by.label('Back'))).tap();
-    await expect(elementByLabel('onStop')).toBeVisible();
-    await expect(elementByLabel('componentWillUnmount')).toBeVisible();
-  });
-});
-
-describe('screen stack', () => {
-  beforeEach(async () => {
-    await device.relaunchApp();
-  });
-
-  it('push and pop screen', async () => {
-    await elementByLabel('Push').tap();
-    await expect(elementByLabel('Pushed Screen')).toBeVisible();
-    await elementByLabel('Pop').tap();
-    await expect(elementByLabel('React Native Navigation!')).toBeVisible();
-  });
-
-  it('pop screen deep in the stack', async () => {
-    await elementByLabel('Push').tap();
-    await expect(elementByLabel('Stack Position: 1')).toBeVisible();
-    await elementByLabel('Push').tap();
-    await expect(elementByLabel('Stack Position: 2')).toBeVisible();
-    await elementByLabel('Pop Previous').tap();
-    await expect(elementByLabel('Stack Position: 2')).toBeVisible();
-    await elementByLabel('Pop').tap();
-    await expect(elementByLabel('React Native Navigation!')).toBeVisible();
-  });
-
-  it('pop to specific id', async () => {
-    await elementByLabel('Push').tap();
-    await elementByLabel('Push').tap();
-    await elementByLabel('Push').tap();
-    await expect(elementByLabel('Stack Position: 3')).toBeVisible();
-    await elementByLabel('Pop To Stack Position 1').tap();
-    await expect(elementByLabel('Stack Position: 1')).toBeVisible();
-  });
-
-  it('pop to root', async () => {
-    await elementByLabel('Push').tap();
-    await elementByLabel('Push').tap();
-    await elementByLabel('Push').tap();
-    await elementByLabel('Pop To Root').tap();
-    await expect(elementByLabel('React Native Navigation!')).toBeVisible();
-  });
-});
-
 describe('modal', () => {
   beforeEach(async () => {
     await device.relaunchApp();
   });
 });
 
-describe('reload app', async () => {
-  beforeEach(async () => {
-    await device.relaunchApp();
-  });
-
-  it('push a screen to ensure its not there after reload', async () => {
-    await elementByLabel('Push').tap();
-    await expect(elementByLabel('Pushed Screen')).toBeVisible();
-    await device.reloadReactNative();
-    await expect(elementByLabel('React Native Navigation!')).toBeVisible();
-  });
-});
-
-describe('screen style - static', () => {
-  beforeEach(async () => {
-    await device.relaunchApp();
-  });
-
-  it('declare a navigationStyle on container component', async () => {
-    await elementByLabel('Push').tap();
-    await expect(element(by.label('Static Title').and(by.type('UILabel')))).toBeVisible();
-  });
-});
-
 function elementByLabel(label) {
   return element(by.label(label));
 }

e2e/ScreenStack.test.js

+describe('screen stack', () => {
+  beforeEach(async () => {
+    await device.relaunchApp();
+  });
+
+  it('push and pop screen', async () => {
+    await elementByLabel('Push').tap();
+    await expect(elementByLabel('Pushed Screen')).toBeVisible();
+    await elementByLabel('Pop').tap();
+    await expect(elementByLabel('React Native Navigation!')).toBeVisible();
+  });
+
+  it('pop screen deep in the stack', async () => {
+    await elementByLabel('Push').tap();
+    await expect(elementByLabel('Stack Position: 1')).toBeVisible();
+    await elementByLabel('Push').tap();
+    await expect(elementByLabel('Stack Position: 2')).toBeVisible();
+    await elementByLabel('Pop Previous').tap();
+    await expect(elementByLabel('Stack Position: 2')).toBeVisible();
+    await elementByLabel('Pop').tap();
+    await expect(elementByLabel('React Native Navigation!')).toBeVisible();
+  });
+
+  it('pop to specific id', async () => {
+    await elementByLabel('Push').tap();
+    await elementByLabel('Push').tap();
+    await elementByLabel('Push').tap();
+    await expect(elementByLabel('Stack Position: 3')).toBeVisible();
+    await elementByLabel('Pop To Stack Position 1').tap();
+    await expect(elementByLabel('Stack Position: 1')).toBeVisible();
+  });
+
+  it('pop to root', async () => {
+    await elementByLabel('Push').tap();
+    await elementByLabel('Push').tap();
+    await elementByLabel('Push').tap();
+    await elementByLabel('Pop To Root').tap();
+    await expect(elementByLabel('React Native Navigation!')).toBeVisible();
+  });
+});
+
+function elementByLabel(label) {
+  return element(by.label(label));
+}

e2e/ScreenStyleStatic.test.js

+describe('screen style - static', () => {
+  beforeEach(async () => {
+    await device.relaunchApp();
+  });
+
+  it('declare a navigationStyle on container component', async () => {
+    await element(by.label('Push')).tap();
+    await expect(element(by.label('Static Title').and(by.type('UILabel')))).toBeVisible();
+  });
+});

e2e/TopLevelApi.test.js

+describe('top level api', () => {
+  beforeEach(async () => {
+    await device.relaunchApp();
+  });
+
+  it('shows welcome screen', async () => {
+    await expect(elementByLabel('React Native Navigation!')).toBeVisible();
+  });
+
+  it('switch to tab based app, passProps and functions', async () => {
+    await elementByLabel('Switch to tab based app').tap();
+    await expect(elementByLabel('This is tab 1')).toBeVisible();
+    await expect(elementByLabel('Hello from a function!')).toBeVisible();
+  });
+
+  it('switch to tabs with side menus', async () => {
+    await elementByLabel('Switch to app with side menus').tap();
+    await elementByLabel('This is a side menu center screen tab 1').swipe('right');
+    await expect(elementByLabel('This is a left side menu screen')).toBeVisible();
+  });
+
+  it('screen lifecycle', async () => {
+    await elementByLabel('Push lifecycle screen').tap();
+    await expect(elementByLabel('onStart')).toBeVisible();
+    await elementByLabel('Push to test onStop').tap();
+    await expect(elementByLabel('Alert')).toBeVisible();
+    await expect(elementByLabel('onStop')).toBeVisible();
+  });
+
+  it('unmount is called on pop', async () => {
+    await elementByLabel('Push lifecycle screen').tap();
+    await expect(elementByLabel('onStart')).toBeVisible();
+    await element(by.traits(['button']).and(by.label('Back'))).tap();
+    await expect(elementByLabel('onStop')).toBeVisible();
+    await expect(elementByLabel('componentWillUnmount')).toBeVisible();
+  });
+});
+
+describe('reload app', async () => {
+  beforeEach(async () => {
+    await device.relaunchApp();
+  });
+
+  it('push a screen to ensure its not there after reload', async () => {
+    await elementByLabel('Push').tap();
+    await expect(elementByLabel('Pushed Screen')).toBeVisible();
+    await device.reloadReactNative();
+    await expect(elementByLabel('React Native Navigation!')).toBeVisible();
+  });
+});
+
+function elementByLabel(label) {
+  return element(by.label(label));
+}