salix/e2e/paths/client-module/04_edit_pay_method.spec.js

import selectors from '../../helpers/selectors.js';
import createNightmare from '../../helpers/nightmare';

describe('Client Edit pay method path', () => {
    const nightmare = createNightmare();

    beforeAll(() => {
        nightmare
            .waitForLogin('administrative');
    });

    it('should click on the Clients button of the top bar menu', async () => {
        const url = await nightmare
            .waitToClick(selectors.globalItems.applicationsMenuButton)
            .wait(selectors.globalItems.applicationsMenuVisible)
            .waitToClick(selectors.globalItems.clientsButton)
            .wait(selectors.clientsIndex.createClientButton)
            .parsedUrl();

        expect(url.hash).toEqual('#!/client/index');
    });

    it('should search for the user Bruce Banner', async () => {
        const resultCount = await nightmare
            .wait(selectors.clientsIndex.searchResult)
            .type(selectors.clientsIndex.searchClientInput, 'Bruce Banner')
            .click(selectors.clientsIndex.searchButton)
            .waitForNumberOfElements(selectors.clientsIndex.searchResult, 1)
            .countElement(selectors.clientsIndex.searchResult);

        expect(resultCount).toEqual(1);
    });

    it(`should click on the search result to access to the client's pay method`, async () => {
        const url = await nightmare
            .waitForTextInElement(selectors.clientsIndex.searchResult, 'Bruce Banner')
            .waitToClick(selectors.clientsIndex.searchResult)
            .waitToClick(selectors.clientPayMethod.payMethodButton)
            .waitForURL('billing-data')
            .url();

        expect(url).toContain('billing-data');
    });

    it(`should attempt to edit the Pay method without an IBAN but fail`, async () => {
        const snackbarMessage = await nightmare
            .waitToClick(selectors.clientPayMethod.payMethodInput)
            .waitToClick(selectors.clientPayMethod.payMethodIBANOption)
            .waitForTextInInput(selectors.clientPayMethod.payMethodInput, 'PayMethod with IBAN')
            .clearInput(selectors.clientPayMethod.dueDayInput)
            .type(selectors.clientPayMethod.dueDayInput, '60')
            .waitForTextInInput(selectors.clientPayMethod.dueDayInput, '60')
            .waitToClick(selectors.clientPayMethod.receivedCoreLCRCheckbox)
            .waitToClick(selectors.clientPayMethod.receivedCoreVNLCheckbox)
            .waitToClick(selectors.clientPayMethod.receivedB2BVNLCheckbox)
            .waitToClick(selectors.clientPayMethod.saveButton)
            .waitForLastSnackbar();

        expect(snackbarMessage).toEqual('That payment method requires an IBAN');
    });

    it(`should add the IBAN but fail as it requires a BIC code`, async () => {
        const snackbarMessage = await nightmare
            .clearInput(selectors.clientPayMethod.IBANInput)
            .type(selectors.clientPayMethod.IBANInput, 'ES91 2100 0418 4502 0005 1332')
            .waitForTextInInput(selectors.clientPayMethod.IBANInput, 'ES91 2100 0418 4502 0005 1332')
            .waitToClick(selectors.clientPayMethod.saveButton)
            .waitForLastSnackbar();

        expect(snackbarMessage).toEqual('That payment method requires a BIC');
    });

    it(`should create a new BIC code`, async () => {
        const newcode = await nightmare
            .click(selectors.clientPayMethod.newBankEntityButton)
            .type(selectors.clientPayMethod.newBankEntityName, 'Gotham City Banks')
            .type(selectors.clientPayMethod.newBankEntityBIC, 'GTHMCT')
            .click(selectors.clientPayMethod.acceptBankEntityButton)
            .getInputValue(selectors.clientPayMethod.swiftBicInput);

        expect(newcode).toEqual('');
    });

    it(`should confirm the IBAN pay method is sucessfully saved`, async () => {
        const payMethod = await nightmare
            .getInputValue(selectors.clientPayMethod.payMethodInput);

        expect(payMethod).toEqual('PayMethod with IBAN');
    });

    it('should confirm the due day have been edited', async () => {
        const dueDate = await nightmare
            .getInputValue(selectors.clientPayMethod.dueDayInput);

        expect(dueDate).toEqual('60');
    });

    it('should confirm the IBAN was saved', async () => {
        const IBAN = await nightmare
            .waitProperty(selectors.clientPayMethod.IBANInput, 'value')
            .getProperty(selectors.clientPayMethod.IBANInput, 'value');

        expect(IBAN).toEqual('ES91 2100 0418 4502 0005 1332');
    });

    it('should confirm the swift / BIC code was saved', async () => {
        const code = await nightmare
            .waitProperty(selectors.clientPayMethod.swiftBicInput, 'value')
            .getProperty(selectors.clientPayMethod.swiftBicInput, 'value');

        expect(code).toEqual('GTHMCT Gotham City Banks');
    });

    it('should confirm Received LCR checkbox is checked', async () => {
        const checkedBox = await nightmare
            .evaluate((selector) => {
                return document.querySelector(selector).checked;
            }, selectors.clientPayMethod.receivedCoreLCRCheckbox);

        expect(checkedBox).toBeTruthy();
    });

    it('should confirm Received core VNL checkbox is unchecked', async () => {
        const checkedBox = await nightmare
            .evaluate((selector) => {
                return document.querySelector(selector).checked;
            }, selectors.clientPayMethod.receivedCoreVNLCheckbox);

        expect(checkedBox).toBeFalsy();
    });

    it('should confirm Received B2B VNL checkbox is unchecked', async () => {
        const checkedBox = await nightmare
            .evaluate((selector) => {
                return document.querySelector(selector).checked;
            }, selectors.clientPayMethod.receivedB2BVNLCheckbox);

        expect(checkedBox).toBeFalsy();
    });
});