dspace-angular/cypress/e2e/login-modal.cy.ts

import { testA11y } from 'cypress/support/utils';

const page = {
  openLoginMenu() {
    // Click the "Log In" dropdown menu in header
    cy.get('[data-test="login-menu"]').click();
  },
  openUserMenu() {
    // Once logged in, click the User menu in header
    cy.get('[data-test="user-menu"]').click();
  },
  submitLoginAndPasswordByPressingButton(email, password) {
    // Enter email
    cy.get('[data-test="email"]').type(email);
    // Enter password
    cy.get('[data-test="password"]').type(password);
    // Click login button
    cy.get('[data-test="login-button"]').click();
  },
  submitLoginAndPasswordByPressingEnter(email, password) {
    // In opened Login modal, fill out email & password, then click Enter
    cy.get('[data-test="email"]').type(email);
    cy.get('[data-test="password"]').type(password);
    cy.get('[data-test="password"]').type('{enter}');
  },
  submitLogoutByPressingButton() {
    // This is the POST command that will actually log us out
    cy.intercept('POST', '/server/api/authn/logout').as('logout');
    // Click logout button
    cy.get('[data-test="logout-button"]').click();
    // Wait until above POST command responds before continuing
    // (This ensures next action waits until logout completes)
    cy.wait('@logout');
  },
};

describe('Login Modal', () => {
  it('should login when clicking button & stay on same page', () => {
    const ENTITYPAGE = '/entities/publication/'.concat(Cypress.env('DSPACE_TEST_ENTITY_PUBLICATION'));
    cy.visit(ENTITYPAGE);

    // Login menu should exist
    cy.get('ds-log-in').should('exist');

    // Login, and the <ds-log-in> tag should no longer exist
    page.openLoginMenu();
    cy.get('.form-login').should('be.visible');

    page.submitLoginAndPasswordByPressingButton(Cypress.env('DSPACE_TEST_ADMIN_USER'), Cypress.env('DSPACE_TEST_ADMIN_PASSWORD'));
    cy.get('ds-log-in').should('not.exist');

    // Verify we are still on the same page
    cy.url().should('include', ENTITYPAGE);

    // Open user menu, verify user menu & logout button now available
    page.openUserMenu();
    cy.get('ds-user-menu').should('be.visible');
    cy.get('ds-log-out').should('be.visible');
  });

  it('should login when clicking enter key & stay on same page', () => {
    cy.visit('/home');

    // Open login menu in header & verify <ds-log-in> tag is visible
    page.openLoginMenu();
    cy.get('.form-login').should('be.visible');

    // Login, and the <ds-log-in> tag should no longer exist
    page.submitLoginAndPasswordByPressingEnter(Cypress.env('DSPACE_TEST_ADMIN_USER'), Cypress.env('DSPACE_TEST_ADMIN_PASSWORD'));
    cy.get('.form-login').should('not.exist');

    // Verify we are still on homepage
    cy.url().should('include', '/home');

    //  Open user menu, verify user menu & logout button now available
    page.openUserMenu();
    cy.get('ds-user-menu').should('be.visible');
    cy.get('ds-log-out').should('be.visible');
  });

  it('should support logout', () => {
    // First authenticate & access homepage
    cy.login(Cypress.env('DSPACE_TEST_ADMIN_USER'), Cypress.env('DSPACE_TEST_ADMIN_PASSWORD'));
    cy.visit('/');

    // Verify ds-log-in tag doesn't exist, but ds-log-out tag does exist
    cy.get('ds-log-in').should('not.exist');
    cy.get('ds-log-out').should('exist');

    // Click logout button
    page.openUserMenu();
    page.submitLogoutByPressingButton();

    // Verify ds-log-in tag now exists
    cy.get('ds-log-in').should('exist');
    cy.get('ds-log-out').should('not.exist');
  });

  it('should allow new user registration', () => {
    cy.visit('/');

    page.openLoginMenu();

    // Registration link should be visible
    cy.get('ds-header [data-test="register"]').should('be.visible');

    // Click registration link & you should go to registration page
    cy.get('ds-header [data-test="register"]').click();
    cy.location('pathname').should('eq', '/register');
    cy.get('ds-register-email').should('exist');

    // Test accessibility of this page
    testA11y('ds-register-email');
  });

  it('should allow forgot password', () => {
    cy.visit('/');

    page.openLoginMenu();

    // Forgot password link should be visible
    cy.get('ds-header [data-test="forgot"]').should('be.visible');

    // Click link & you should go to Forgot Password page
    cy.get('ds-header [data-test="forgot"]').click();
    cy.location('pathname').should('eq', '/forgot');
    cy.get('ds-forgot-email').should('exist');

    // Test accessibility of this page
    testA11y('ds-forgot-email');
  });

  it('should pass accessibility tests in menus', () => {
    cy.visit('/');

    // Open login menu & verify accessibility
    page.openLoginMenu();
    cy.get('ds-log-in').should('exist');
    testA11y('ds-log-in');

    // Now login
    page.submitLoginAndPasswordByPressingButton(Cypress.env('DSPACE_TEST_ADMIN_USER'), Cypress.env('DSPACE_TEST_ADMIN_PASSWORD'));
    cy.get('ds-log-in').should('not.exist');

    // Open user menu, verify user menu accesibility
    page.openUserMenu();
    cy.get('ds-user-menu').should('be.visible');
    testA11y('ds-user-menu');
  });
});