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

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

describe('Forgot / reset password', () => {
    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.findByTestId('auth-controls-secondary').contains('Forgot password').click();

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

        cy.findByTestId('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.findByTestId('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.findByTestId('auth-controls-secondary').contains('Forgot password').click();

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

        cy.findByTestId('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.findByTestId('auth-controls-secondary').contains('Forgot password').click();

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

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

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

        cy.findByTestId('auth-controls-secondary').contains('Contact support').click();
        cy.findByTestId('feedbackPopup').should('be.visible');
        cy.findByTestId('feedbackPopup').findByTestId('popup-close').click();
        cy.findByTestId('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(),
            );
    });

    it('should read key from an url', () => {
        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.visit(`/recover-password/${key}`);

        cy.get('[name=key]').should('have.value', key);
        cy.get('[name=key]').should('have.attr', 'readonly');
        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(),
            );
    });
});