test: create login test cases and update PR files (#37)

* test: create login test cases and update PR files

* tests: fix env name for cypress variables

* tests: cypress env vars attempt

* tests: fix cypress env action

* tests: cypress with react app env vars

---------

Co-authored-by: Ricardo Campos <ricardo.campos@encora.com>

.github/workflows/cypress-nightly.yml

@@ -21,6 +21,9 @@ jobs:
         uses: cypress-io/github-action@v4
         with:
           browser: chrome
+        env:
+          CYPRESS_USERNAME: ${{ secrets.BCEID_USERNAME }}
+          CYPRESS_PASSWORD: ${{ secrets.BCEID_PASSWORD }}
 
       - name: Upload screenshots on failure
         uses: actions/upload-artifact@v3
@@ -48,6 +51,9 @@ jobs:
 
       - name: Cypress run
         run: cypress run --browser firefox
+        env:
+          CYPRESS_USERNAME: ${{ secrets.BCEID_USERNAME }}
+          CYPRESS_PASSWORD: ${{ secrets.BCEID_PASSWORD }}
 
       - name: Upload screenshots on failure
         uses: actions/upload-artifact@v3
@@ -74,6 +80,9 @@ jobs:
         uses: cypress-io/github-action@v4
         with:
           browser: edge
+        env:
+          CYPRESS_USERNAME: ${{ secrets.BCEID_USERNAME }}
+          CYPRESS_PASSWORD: ${{ secrets.BCEID_PASSWORD }}
 
       - name: Upload screenshots on failure
         uses: actions/upload-artifact@v3

.github/workflows/merge-main.yml

@@ -239,6 +239,9 @@ jobs:
         uses: cypress-io/github-action@v4
         with:
           browser: chrome
+        env:
+          CYPRESS_USERNAME: ${{ secrets.BCEID_USERNAME }}
+          CYPRESS_PASSWORD: ${{ secrets.BCEID_PASSWORD }}
 
       - name: Upload screenshots on failure
         uses: actions/upload-artifact@v3

.github/workflows/pr-open.yml

@@ -401,6 +401,12 @@ jobs:
 
       - name: Cypress run
         uses: cypress-io/github-action@v4
+        env:
+          CYPRESS_USERNAME: ${{ secrets.BCEID_USERNAME }}
+          CYPRESS_PASSWORD: ${{ secrets.BCEID_PASSWORD }}
+          CYPRESS_REACT_APP_KC_URL: ${{ secrets.REACT_APP_KC_URL }}
+          CYPRESS_REACT_APP_KC_REALM: ${{ secrets.REACT_APP_KC_REALM }}
+          CYPRESS_REACT_APP_KC_CLIENT_ID: ${{ secrets.REACT_APP_KC_CLIENT_ID }}
         with:
           browser: chrome
           config: baseUrl=https://${{ env.NAME }}-${{ github.event.number }}-app.apps.silver.devops.gov.bc.ca

cypress/e2e/smoke-test/login-page.cy.ts

@@ -0,0 +1,63 @@
+describe('Login page test', () => {
+
+  let loginPageData: {
+    title: string,
+    subtitle: string,
+    description: string
+  };
+
+  beforeEach(() => {
+    cy.visit('/');
+
+    // Clear cookies and local storage
+    cy.clearCookies({ log: true })
+    cy.clearLocalStorage({ log: true })
+
+    // Loading test data
+    cy.fixture('login-page').then((ttls) => {
+      loginPageData = ttls;
+    });
+
+  });
+
+  it('login page is displayed and loads correctly', () => {
+    cy.getByDataTest('landing-title').should('have.text', loginPageData.title);
+    cy.getByDataTest('landing-subtitle').should('have.text', loginPageData.subtitle);
+    cy.getByDataTest('landing-desc').should('have.text', loginPageData.description);
+  });
+
+  it('navigate to the user form page IDIR', () => {
+    cy.getByDataTest('landing-button__idir').click();
+    cy.get('#idirLogo').should('be.visible');
+  });
+
+  it('navigate to the user form page BCeID', () => {
+    cy.getByDataTest('landing-button__bceid').click();
+    cy.get('#bceidLogo').should('be.visible');
+  });
+
+  it('try to access system using a link without user connected', () => {
+    cy.visit('https://nrsparwebapp-test-app.apps.silver.devops.gov.bc.ca/dashboard');
+    cy.getByDataTest('landing-title').should('have.text', loginPageData.title);
+  });
+
+  it.skip('log in with BCeID and validate if after timeout the user is disconnected', () => {
+    cy.login();
+    cy.wait(1800000); //wait for 30 minutes 1800000
+    cy.getByDataTest('landing-title').should('have.text', loginPageData.title);
+  });
+
+  it('log in with BCeID and validate user role', () => {
+    cy.login();
+    cy.getByDataTest('header-button__user').click();
+    cy.get('.user-data').find('p').contains('IDIR: undefined');
+  });
+
+  it('log in with BCeID and validate user information', () => {
+    cy.login();
+    cy.getByDataTest('header-button__user').click();
+    cy.get('.user-data').find('p').contains('NRS Load Test-3');
+    cy.get('.user-data').find('p').contains('nrpp_test@nrpp.compratech.com');
+  });
+
+});

cypress/fixtures/login-page.json

@@ -0,0 +1,5 @@
+{
+    "title": "Welcome to SPAR",
+    "subtitle": "Seed Planning and Registry Application",
+    "description": "Register and storage your seed and meet your annual reforestation needs using SPAR"
+}

cypress/global.d.ts

@@ -32,5 +32,13 @@ declare namespace Cypress {
      * cy.createUser('Jhon', 'Doe')
      */
     createUser(firstname: string, lastname: string): void
+
+    /**
+     * Custom command to log in on app.
+     *
+     * @example
+     * cy.login()
+     */
+     login(): void
   }
 }

cypress/support/commands.ts

@@ -28,3 +28,18 @@ Cypress.Commands.add('createUser', (firstname, lastname) => {
     cy.log(response.body);
   });
 });
+
+Cypress.Commands.add('login', () => {
+  const USERNAME = Cypress.env('USERNAME');
+  const PASSWORD = Cypress.env('PASSWORD');
+
+  cy.getByDataTest('landing-button__bceid').click();
+  cy.get('#bceidLogo').should('be.visible');
+  cy.get('input[name=user]')
+        .clear()
+        .type(USERNAME, { delay: 50 });
+  cy.get('input[name=password]')
+        .clear()
+        .type(PASSWORD, { delay: 50 });
+  cy.get('input[name=btnSubmit]').click();
+});

package.json

@@ -55,7 +55,9 @@
     "build:production": "react-scripts build",
     "test": "jest",
     "eject": "react-scripts eject",
-    "lint": "./node_modules/.bin/eslint"
+    "lint": "./node_modules/.bin/eslint",
+    "cy:open": "cypress open",
+    "cy:run" : "cypress run"
   },
   "eslintConfig": {
     "extends": [