accounts-frontend/tests-e2e/cypress/integration/auth/forgot-password.test.ts

import { account1 } from '../../fixtures/accounts.json';

it('should request password reset', () => {
  const captchaCode = 'captchaCode';
  const emailMask = 'fo*@gm*l.**m';

  cy.server();
  cy.route({
    method: 'POST',
    url: '/api/authentication/forgot-password',
    response: {
      success: true,
      data: {
        emailMask,
      },
    },
  }).as('forgot');

  cy.visit('/');

  cy.get('[name=login]').type(`${account1.username}{enter}`);

  cy.location('pathname').should('eq', '/password');

  cy.getByTestId('auth-controls-secondary')
    .contains('Forgot password')
    .click();

  cy.location('pathname').should('eq', '/forgot-password');

  cy.getByTestId('forgot-password-login').should('contain', account1.username);

  cy.window().should('have.property', 'e2eCaptchaSetCode');
  cy.window().then(win => {
    // fake captcha response
    // @ts-ignore
    win.e2eCaptchaSetCode(captchaCode);
  });
  cy.get('[type=submit]')
    .should('have.length', 1)
    .click();

  cy.wait('@forgot')
    .its('requestBody')
    .should(
      'eq',
      new URLSearchParams({
        login: account1.username,
        captcha: captchaCode,
      }).toString(),
    );

  cy.location('pathname').should('eq', '/recover-password');

  cy.getByTestId('auth-body').should('contain', emailMask);
});

it('should allow change login', () => {
  const captchaCode = 'captchaCode';
  const login = 'foo';
  const emailMask = 'fo*@gm*l.**m';

  cy.server();
  cy.route({
    method: 'POST',
    url: '/api/authentication/forgot-password',
    response: {
      success: true,
      data: {
        emailMask,
      },
    },
  }).as('forgot');

  cy.visit('/');

  cy.get('[name=login]').type(`${account1.username}{enter}`);

  cy.location('pathname').should('eq', '/password');

  cy.getByTestId('auth-controls-secondary')
    .contains('Forgot password')
    .click();

  cy.location('pathname').should('eq', '/forgot-password');

  cy.getByTestId('edit-login').click();
  cy.get('[name=login]').should('have.value', account1.username);

  cy.get('[name=login]').type(`{selectall}${login}`);
  cy.window().should('have.property', 'e2eCaptchaSetCode');
  cy.window().then(win => {
    // fake captcha response
    // @ts-ignore
    win.e2eCaptchaSetCode(captchaCode);
  });
  cy.get('[type=submit]')
    .should('have.length', 1)
    .click();

  cy.wait('@forgot')
    .its('requestBody')
    .should(
      'eq',
      new URLSearchParams({
        login,
        captcha: captchaCode,
      }).toString(),
    );

  cy.location('pathname').should('eq', '/recover-password');
});

it('should allow enter login', () => {
  const captchaCode = 'captchaCode';
  const login = 'foo';
  const emailMask = 'fo*@gm*l.**m';

  cy.server();
  cy.route({
    method: 'POST',
    url: '/api/authentication/forgot-password',
    response: {
      success: true,
      data: {
        emailMask,
      },
    },
  }).as('forgot');

  cy.visit('/forgot-password');

  cy.get('[name=login]').type(login);
  cy.window().should('have.property', 'e2eCaptchaSetCode');
  cy.window().then(win => {
    // fake captcha response
    // @ts-ignore
    win.e2eCaptchaSetCode(captchaCode);
  });
  cy.get('[type=submit]')
    .should('have.length', 1)
    .click();

  cy.wait('@forgot')
    .its('requestBody')
    .should(
      'eq',
      new URLSearchParams({
        login,
        captcha: captchaCode,
      }).toString(),
    );

  cy.location('pathname').should('eq', '/recover-password');
});

it('should recover password', () => {
  const key = 'key';
  const newPassword = 'newPassword';

  cy.server();
  cy.login({
    accounts: ['default'],
    updateState: false,
    rawApiResp: true,
  }).then(({ accounts: [account] }) => {
    cy.route({
      method: 'POST',
      url: '/api/authentication/recover-password',
      response: account,
    }).as('recover');
  });

  cy.visit('/');

  cy.get('[name=login]').type(`${account1.username}{enter}`);

  cy.location('pathname').should('eq', '/password');

  cy.getByTestId('auth-controls-secondary')
    .contains('Forgot password')
    .click();

  cy.location('pathname').should('eq', '/forgot-password');

  cy.getByTestId('auth-controls-secondary')
    .contains('Already have')
    .click();

  cy.location('pathname').should('eq', '/recover-password');

  cy.getByTestId('auth-controls-secondary')
    .contains('Contact support')
    .click();
  cy.getByTestId('feedbackPopup').should('be.visible');
  cy.getByTestId('feedback-popup-close').click();
  cy.getByTestId('feedbackPopup').should('not.be.visible');

  cy.get('[name=key]').type(key);
  cy.get('[name=newPassword]').type(newPassword);
  cy.get('[name=newRePassword]').type(newPassword);
  cy.get('[type=submit]')
    .should('have.length', 1)
    .click();

  cy.wait('@recover')
    .its('requestBody')
    .should(
      'eq',
      new URLSearchParams({
        key,
        newPassword,
        newRePassword: newPassword,
      }).toString(),
    );
});