Adding more tests

components/cycle-day/cycle-day-overview.js

@@ -278,6 +278,7 @@ class SymptomBox extends Component {
       <TouchableOpacity
         onPress={this.props.onPress}
         disabled={this.props.disabled}
+        testID={this.props.iconName}
       >
         <View style={[styles.symptomBox, boxActive, disabledStyle]}>
           <DripIcon name={this.props.iconName} size={50} color={hasData ? 'white' : 'black'}/>

components/cycle-day/symptoms/info-symptom.js

@@ -9,7 +9,7 @@ export default function InfoSymptom(props) {
   return (
     <View style={styles.infoPopUpWrapper}>
       <View style={styles.dimmed}></View>
-      <View style={styles.infoPopUp}>
+      <View style={styles.infoPopUp} testID="symptomInfoPopup">
         <TouchableOpacity onPress={props.close} style={styles.infoSymptomClose}>
           <Icon name='close' {...iconStyles.infoPopUpClose}/>
         </TouchableOpacity>

components/cycle-day/symptoms/symptom-view.js

@@ -78,6 +78,7 @@ export default class SymptomView extends Component {
               this.setState({showInfo: true})
             }}
             style={styles.infoButtonSymptomView}
+            testID="symptomInfoButton"
           >
             <Icon
               name="info-with-circle"

e2e/.eslintrc

@@ -0,0 +1,8 @@
+{
+  "globals": {
+    "expect": true,
+    "element": true,
+    "by": true,
+    "device": true,
+  }
+}

e2e/homeNavigation.spec.js

@@ -1,18 +1,18 @@
 const isOnPage = async (page, parentPage) => {
   await expect(
     element(by.id('pageTitle').and(by.text(page)))
-  ).toBeVisible();
+  ).toBeVisible()
   await expect(
     element(
       by.id('activeMenuItem').and(by.text(parentPage ? parentPage : page))
     )
-  ).toBeVisible();
+  ).toBeVisible()
 }
 
 describe('Home Navigation', () => {
   beforeEach(async () => {
-    await device.reloadReactNative();
+    await device.reloadReactNative()
-  });
+  })
 
   // TODO: clarify how to test that exiting from the app happened
   // https://stackoverflow.com/questions/57133730/how-to-test-an-exit-app-scenario-using-detox
@@ -22,41 +22,111 @@ describe('Home Navigation', () => {
   // });
 
   it('should navigate to home on accepting the license agreement', async () => {
-    await expect(element(by.id('licensePage'))).toBeVisible();
+    await expect(element(by.id('licensePage'))).toBeVisible()
-    await element(by.id('licenseOkButton')).tap();
+    await element(by.id('licenseOkButton')).tap()
-    await isOnPage('home');
+    await isOnPage('home')
-  });
+  })
-
-  it('should navigate to today cycle day page', async () => {
-    await element(by.text('add data for today')).tap();
-    await expect(
-      element(by.id('cycleDayTitleDate').and(by.text('today')))
-    ).toBeVisible();
-  });
 
   it('should navigate to today bleeding symptom', async () => {
-    await element(by.text('track your period')).tap();
+    await element(by.text('track your period')).tap()
     await expect(
       element(by.id('symptomViewTitleName').and(by.text('bleeding')))
-    ).toBeVisible();
+    ).toBeVisible()
     await expect(
       element(by.id('symptomViewTitleDate').and(by.text('today')))
-    ).toBeVisible();
+    ).toBeVisible()
-  });
+  })
 
   it('should navigate to chart to check your fertility', async () => {
-    await element(by.text('check your fertility')).tap();
+    await element(by.text('check your fertility')).tap()
-    await isOnPage('chart');
+    await isOnPage('chart')
-  });
+  })
 
   it('should navigate to settings, its sub pages and back', async () => {
-    await element(by.id('menuItemSettings')).tap();
+    await element(by.id('menuItemSettings')).tap()
-    await isOnPage('settings');
+    await isOnPage('settings')
-    await element(by.text('reminders')).tap();
+    await element(by.text('reminders')).tap()
-    await isOnPage('reminders', 'settings');
+    await isOnPage('reminders', 'settings')
-    await element(by.id('backButton')).tap();
+    await element(by.id('backButton')).tap()
-    await element(by.text('nfp settings')).tap();
+    await element(by.text('nfp settings')).tap()
-    await isOnPage('nfp settings', 'settings');
+    await isOnPage('nfp settings', 'settings')
-    await device.pressBack();
+    await device.pressBack()
-  });
+  })
-});
+
+  it('should navigate to today cycle day page and all its symptoms', async () => {
+    await element(by.text('add data for today')).tap()
+    await expect(
+      element(by.id('cycleDayTitleDate').and(by.text('today')))
+    ).toBeVisible()
+
+    await element(by.id('drip-icon-bleeding')).tap()
+    await expect(
+      element(by.id('symptomViewTitleName').and(by.text('bleeding')))
+    ).toBeVisible()
+    await device.pressBack()
+
+    await element(by.id('drip-icon-temperature')).tap()
+    await expect(
+      element(by.id('symptomViewTitleName').and(by.text('temperature')))
+    ).toBeVisible()
+    // first back press removes the focus from the field and the input keyboard
+    await device.pressBack()
+    // second back press goes back to the cycle day view
+    await device.pressBack()
+
+    await element(by.id('drip-icon-mucus')).tap()
+    await expect(
+      element(by.id('symptomViewTitleName').and(by.text('cervical mucus')))
+    ).toBeVisible()
+    await device.pressBack()
+
+    await element(by.id('drip-icon-cervix')).tap()
+    await expect(
+      element(by.id('symptomViewTitleName').and(by.text('cervix')))
+    ).toBeVisible()
+    await device.pressBack()
+
+    await element(by.id('drip-icon-desire')).tap()
+    await expect(
+      element(by.id('symptomViewTitleName').and(by.text('desire')))
+    ).toBeVisible()
+    await device.pressBack()
+
+    await element(by.id('drip-icon-sex')).tap()
+    await expect(
+      element(by.id('symptomViewTitleName').and(by.text('sex')))
+    ).toBeVisible()
+    await device.pressBack()
+
+    await element(by.id('drip-icon-pain')).tap()
+    await expect(
+      element(by.id('symptomViewTitleName').and(by.text('pain')))
+    ).toBeVisible()
+    await device.pressBack()
+
+    await element(by.id('drip-icon-mood')).tap()
+    await expect(
+      element(by.id('symptomViewTitleName').and(by.text('mood')))
+    ).toBeVisible()
+    await device.pressBack()
+
+    await element(by.id('drip-icon-note')).tap()
+    await expect(
+      element(by.id('symptomViewTitleName').and(by.text('note')))
+    ).toBeVisible()
+    await element(by.id('symptomInfoButton')).tap()
+    await expect(element(by.id('symptomInfoPopup'))).toBeVisible()
+
+    // first back press removes the focus from the field and the input keyboard
+    await device.pressBack()
+    // second back press goes back to the cycle day view
+    await device.pressBack()
+
+    await expect(
+      element(by.id('cycleDayTitleDate').and(by.text('today')))
+    ).toBeVisible()
+
+    // waiting for a feedback on what should happen on pressing back
+
+  })
+})

package.json

@@ -97,12 +97,6 @@
         "build": "cd android && ./gradlew assembleDebug assembleAndroidTest -DtestBuildType=debug && cd ..",
         "type": "android.emulator",
         "name": "Nexus_5X_API_28"
-      },
-      "android.emu.release": {
-        "binaryPath": "android/app/build/outputs/apk/release/app-release.apk",
-        "build": "cd android && ./gradlew assembleRelease assembleAndroidTest -DtestBuildType=release && cd ..",
-        "type": "android.emulator",
-        "name": "Nexus_5X_API_26"
       }
     },
     "test-runner": "mocha"