add basic passing e2e test for CampusToggle component #31

RGPosadas · Mar 18, 2020 · a9f3493 · a9f3493
1 parent 7dea729
commit a9f3493
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 23 deletions.
diff --git a/__tests__/__snapshots__/campus-toggle.test.js.snap b/__tests__/__snapshots__/campus-toggle.test.js.snap
@@ -26,6 +26,7 @@ exports[`CampusToggle component should match snapshot 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={null}
+    testID="SGWButton"
   >
     <View
       style={

diff --git a/e2e/campus-toggle.e2e-spec.js b/e2e/campus-toggle.e2e-spec.js
@@ -0,0 +1,12 @@
+const { reloadApp } = require("detox-expo-helpers");
+
+describe("CampusToggle: Toggling between campuses", () => {
+  beforeEach(async () => {
+    await reloadApp();
+  });
+
+  it("should show the campus toggles", async () => {
+    // await expect(element(by.id("welcome"))).toBeVisible();
+    await expect(element(by.id("SGWButton"))).toBeVisible();
+  });
+});
diff --git a/e2e/firstTest.spec.js b/e2e/firstTest.spec.js
diff --git a/package.json b/package.json
@@ -6,7 +6,8 @@
     "eject": "expo eject",
     "ios": "expo start --ios",
     "start": "expo start",
-    "test": "jest --verbose --coverage",
+    "test": "jest __tests__ --verbose --coverage",
+    "e2e": "detox test",
     "web": "expo start --web",
     "setup-bin": "mkdirp bin/Exponent.app && cd bin/Exponent.app && wget https://dpq5q02fu5f55.cloudfront.net/Exponent-2.14.0.tar.gz && tar zxvf Exponent-2.14.0.tar.gz"
   },

diff --git a/src/components/campus-toggle/campus-toggle.component.tsx b/src/components/campus-toggle/campus-toggle.component.tsx
@@ -43,7 +43,11 @@ const CampusToggle = ({ onCampusToggle }: IProps) => {
 
   return (
     <View style={styles.container}>
-      <TouchableHighlight onPress={onSGWPressButton} underlayColor="white">
+      <TouchableHighlight
+        testID="SGWButton"
+        onPress={onSGWPressButton}
+        underlayColor="white"
+      >
         <View
           style={[isSGW ? styles.buttonSelected : styles.buttonNotSelected]}
         >