test: update cli test to use cognito user

aws-amplify · Dec 19, 2022 · 4948b2e · 4948b2e
1 parent 2dc66ee
commit 4948b2e
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 8 deletions.
diff --git a/.github/workflows/canaries.yml b/.github/workflows/canaries.yml
@@ -51,7 +51,9 @@ jobs:
           wait-on: 'http://localhost:3000'
           wait-on-timeout: 120
           config-file: cypress.config.js
-
+        env:
+          REACT_APP_USER_EMAIL: ${{ secrets.E2E_TEST_USER_EMAIL }}
+          REACT_APP_USER_PASSWORD: ${{ secrets.E2E_TEST_USER_PASSWORD }}
   write-beta-canary-failure-metric:
     runs-on: ubuntu-latest
     needs: beta-canary
@@ -123,7 +125,9 @@ jobs:
           wait-on: 'http://localhost:3000'
           wait-on-timeout: 120
           config-file: cypress.config.js
-
+        env:
+          REACT_APP_USER_EMAIL: ${{ secrets.E2E_TEST_USER_EMAIL }}
+          REACT_APP_USER_PASSWORD: ${{ secrets.E2E_TEST_USER_PASSWORD }}
   write-release-canary-failure-metric:
     runs-on: ubuntu-latest
     needs: release-canary

diff --git a/.github/workflows/check.yml b/.github/workflows/check.yml
@@ -77,6 +77,9 @@ jobs:
           wait-on: 'http://localhost:3000'
           wait-on-timeout: 120
           config-file: cypress.config.js
+        env:
+          REACT_APP_USER_EMAIL: ${{ secrets.E2E_TEST_USER_EMAIL }}
+          REACT_APP_USER_PASSWORD: ${{ secrets.E2E_TEST_USER_PASSWORD }}
 
   functional-tests:
     runs-on: ubuntu-latest

diff --git a/packages/test-generator/e2e-test-templates/cypress/e2e/e2e-tests.cy.js b/packages/test-generator/e2e-test-templates/cypress/e2e/e2e-tests.cy.js
@@ -20,6 +20,9 @@ describe('e2e-tests', () => {
   });
 
   it('renders datastore collection', () => {
+    // wait to log in
+    // eslint-disable-next-line cypress/no-unnecessary-waiting
+    cy.wait(4000);
     cy.get('#blogPosts').contains('Working on E2E Tests');
   });
 });
diff --git a/packages/test-generator/e2e-test-templates/src/App.js b/packages/test-generator/e2e-test-templates/src/App.js
@@ -13,20 +13,38 @@
   See the License for the specific language governing permissions and
   limitations under the License.
  */
-import { Amplify } from 'aws-amplify';
+import { Amplify, Auth } from 'aws-amplify';
 import '@aws-amplify/ui-react/styles.css';
 import { AmplifyProvider } from '@aws-amplify/ui-react';
+import { useEffect, useRef, useState } from 'react';
 import awsconfig from './aws-exports';
 import { BlogPosts } from './ui-components';
 
 Amplify.configure(awsconfig);
 
 function App() {
-  return (
-    <AmplifyProvider>
-      <BlogPosts id="blogPosts" />
-    </AmplifyProvider>
-  );
+  const [isLoggedIn, setIsLoggedIn] = useState(false);
+  const initialized = useRef(false);
+
+  useEffect(() => {
+    if (initialized.current) {
+      return;
+    }
+    initialized.current = true;
+    Auth.signIn(process.env.REACT_APP_USER_EMAIL, process.env.REACT_APP_USER_PASSWORD).then(() => {
+      setIsLoggedIn(true);
+    });
+  }, []);
+
+  if (isLoggedIn) {
+    return (
+      <AmplifyProvider>
+        <BlogPosts id="blogPosts" />
+      </AmplifyProvider>
+    );
+  }
+
+  return null;
 }
 
 export default App;