Added e2e test

auth0 · Jun 11, 2021 · 92634ae · 92634ae
1 parent e78a452
commit 92634ae
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 2 deletions.
diff --git a/projects/playground/e2e/integration/playground.spec.ts b/projects/playground/e2e/integration/playground.spec.ts
@@ -1,5 +1,6 @@
 const EMAIL = '[email protected]';
 const PASSWORD = Cypress.env('INTEGRATION_PASSWORD');
+const APP_STATE = 'Any Random String';
 
 const loginToAuth0 = () => {
   cy.get('.auth0-lock-form')
@@ -44,6 +45,7 @@ describe('Smoke tests', () => {
 
   it('do redirect login and show user and access token', () => {
     cy.visit('/');
+    cy.get('[data-cy=app-state-input]').type(APP_STATE);
     cy.get('#login').should('be.visible').click();
     cy.url().should('include', 'https://brucke.auth0.com/login');
     loginToAuth0();
@@ -60,6 +62,8 @@ describe('Smoke tests', () => {
         cy.get('[data-cy=accessToken]').should('have.text', token);
       });
 
+    cy.get('[data-cy=app-state-result]').should('have.value', APP_STATE);
+
     cy.get('#logout').should('be.visible').click();
     cy.get('#login').should('be.visible');
   });

diff --git a/projects/playground/src/app/app.component.html b/projects/playground/src/app/app.component.html
@@ -27,6 +27,22 @@ <h2>Authentication</h2>
           data-cy="login-popup"
         />
       </label>
+
+      <br />
+      <br />
+
+      <label>
+        App State:
+        <input
+          type="text"
+          formControlName="appState"
+          data-cy="app-state-input"
+        />
+      </label>
+
+      <br />
+      <br />
+
       <button id="login" (click)="launchLogin()">Log in</button>
       <button id="loginWithInvitation" (click)="loginHandleInvitationUrl()">
         Log in with Invitation
@@ -132,6 +148,17 @@ <h2>Artifacts</h2>
         <textarea data-cy="accessToken" cols="50" rows="2" disabled="true">{{
           accessToken
         }}</textarea>
+
+        <br />
+        <br />
+
+        <textarea
+          data-cy="app-state-result"
+          cols="50"
+          rows="2"
+          disabled="true"
+          >{{ appState }}</textarea
+        >
       </li>
     </ul>
   </div>

diff --git a/projects/playground/src/app/app.component.ts b/projects/playground/src/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component, Inject } from '@angular/core';
+import { Component, Inject, OnInit } from '@angular/core';
 import { FormGroup, FormControl } from '@angular/forms';
 import { AuthService } from 'projects/auth0-angular/src/lib/auth.service';
 import { iif } from 'rxjs';
@@ -12,17 +12,19 @@ import { HttpClient } from '@angular/common/http';
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
 })
-export class AppComponent {
+export class AppComponent implements OnInit {
   isAuthenticated$ = this.auth.isAuthenticated$;
   isLoading$ = this.auth.isLoading$;
   user$ = this.auth.user$;
   claims$ = this.auth.idTokenClaims$;
   accessToken = '';
+  appState = '';
   error$ = this.auth.error$;
 
   organization = '';
 
   loginOptionsForm = new FormGroup({
+    appState: new FormControl(''),
     usePopup: new FormControl(false),
   });
 
@@ -36,6 +38,12 @@ export class AppComponent {
     ignoreCache: new FormControl(false),
   });
 
+  ngOnInit() {
+    this.auth.appState$.subscribe((appState) => {
+      this.appState = appState.deeply.nested.value;
+    });
+  }
+
   constructor(
     public auth: AuthService,
     @Inject(DOCUMENT) private doc: Document,
@@ -51,6 +59,13 @@ export class AppComponent {
     } else {
       this.auth.loginWithRedirect({
         ...(this.organization ? { organization: this.organization } : null),
+        appState: {
+          deeply: {
+            nested: {
+              value: this.loginOptionsForm.value.appState,
+            },
+          },
+        },
       });
     }
   }