import selectors from '../../helpers/selectors';
import getBrowser from '../../helpers/puppeteer';

describe('Client lock verified data path', () => {
    let browser;
    let page;
    beforeAll(async() => {
        browser = await getBrowser();
        page = browser.page;
        await page.loginAndModule('salesPerson', 'client');
        await page.accessToSearchResult('Hank Pym');
        await page.accessToSection('client.card.fiscalData');
    });

    afterAll(async() => {
        await browser.close();
    });

    describe('as salesPerson', () => {
        it('should confirm verified data button is disabled for salesPerson', async() => {
            await page.wait(200);
            await page.wait(selectors.clientFiscalData.verifiedDataCheckbox);
            const result = await page.isDisabled(selectors.clientFiscalData.verifiedDataCheckbox);

            expect(result).toBeTruthy();
        });

        it('should edit the social name', async() => {
            await page.wait(selectors.clientFiscalData.socialNameInput);
            await page.clearInput(selectors.clientFiscalData.socialNameInput);
            await page.write(selectors.clientFiscalData.socialNameInput, 'Captain America Civil War');
            await page.waitToClick(selectors.clientFiscalData.saveButton);
            const result = await page.waitForLastSnackbar();

            expect(result).toEqual('Data saved!');
        });

        it('should confirm the social name have been edited', async() => {
            await page.reloadSection('client.card.fiscalData');
            const result = await page.waitToGetProperty(`${selectors.clientFiscalData.socialNameInput} input`, 'value');

            expect(result).toEqual('Captain America Civil War');
        });
    });

    describe('as administrative', () => {
        beforeAll(async() => {
            await page.loginAndModule('administrative', 'client');
            await page.accessToSearchResult('Hank Pym');
            await page.accessToSection('client.card.fiscalData');
        });

        it('should confirm verified data button is enabled for administrative', async() => {
            const result = await page.isDisabled(selectors.clientFiscalData.verifiedDataCheckbox);

            expect(result).toBeFalsy();
        });

        it('should check the Verified data checkbox', async() => {
            await page.waitToClick(selectors.clientFiscalData.verifiedDataCheckbox);
            await page.waitToClick(selectors.clientFiscalData.saveButton);
            const result = await page.waitForLastSnackbar();

            expect(result).toEqual('Data saved!');
        });

        it('should confirm Verified data checkbox is checked', async() => {
            await page.reloadSection('client.card.fiscalData');
            const isChecked = await page.checkboxState(selectors.clientFiscalData.verifiedDataCheckbox);

            expect(isChecked).toEqual('checked');
        });

        it('should again edit the social name', async() => {
            await page.wait(selectors.clientFiscalData.socialNameInput);
            await page.clearInput(selectors.clientFiscalData.socialNameInput);
            await page.write(selectors.clientFiscalData.socialNameInput, 'Ant man and the Wasp');
            await page.waitToClick(selectors.clientFiscalData.saveButton);
            const result = await page.waitForLastSnackbar();

            expect(result).toEqual('Data saved!');
        });

        it('should again confirm the social name have been edited', async() => {
            await page.reloadSection('client.card.fiscalData');
            const result = await page.waitToGetProperty(`${selectors.clientFiscalData.socialNameInput} input`, 'value');

            expect(result).toEqual('Ant man and the Wasp');
        });
    });

    describe('as salesPerson second run', () => {
        beforeAll(async() => {
            await page.loginAndModule('salesPerson', 'client');
            await page.accessToSearchResult('Hank Pym');
            await page.accessToSection('client.card.fiscalData');
        });

        it('should confirm verified data button is disabled once again for salesPerson', async() => {
            const isDisabled = await page.isDisabled(selectors.clientFiscalData.verifiedDataCheckbox);

            expect(isDisabled).toBeTruthy();
        });

        it('should not be able to save change throwing a verified data error', async() => {
            await page.clearInput(selectors.clientFiscalData.socialNameInput);
            await page.write(selectors.clientFiscalData.socialNameInput, 'This wont happen');
            await page.waitToClick(selectors.clientFiscalData.saveButton);
            const result = await page.waitForLastSnackbar();

            expect(result).toEqual(jasmine.arrayContaining([`You can't make changes on a client with verified data`]));
        });
    });

    describe('as salesAssistant', () => {
        beforeAll(async() => {
            await page.forceReloadSection('client.card.fiscalData');
            await page.loginAndModule('salesAssistant', 'client');
            await page.accessToSearchResult('Hank Pym');
            await page.accessToSection('client.card.fiscalData');
        });

        it('should confirm verified data button is enabled for salesAssistant', async() => {
            const isDisabled = await page.isDisabled(selectors.clientFiscalData.verifiedDataCheckbox);

            expect(isDisabled).toBeFalsy();
        });

        it('should now edit the social name', async() => {
            await page.clearInput(selectors.clientFiscalData.socialNameInput);
            await page.write(selectors.clientFiscalData.socialNameInput, 'new social name edition');
            await page.waitToClick(selectors.clientFiscalData.saveButton);
            const result = await page.waitForLastSnackbar();

            expect(result).toEqual('Data saved!');
        });

        it('should now confirm the social name have been edited once and for all', async() => {
            await page.reloadSection('client.card.fiscalData');
            const result = await page.waitToGetProperty(`${selectors.clientFiscalData.socialNameInput} input`, 'value');

            expect(result).toEqual('new social name edition');
        });
    });

    describe('as salesPerson third run', () => {
        beforeAll(async() => {
            await page.loginAndModule('salesPerson', 'client');
            await page.accessToSearchResult('Hank Pym');
            await page.accessToSection('client.card.fiscalData');
        });

        it('should confirm verified data button is enabled once again', async() => {
            const isDisabled = await page;
            await page.isDisabled(selectors.clientFiscalData.verifiedDataCheckbox);

            expect(isDisabled).toBeTruthy();
        });

        it('should confirm the form is enabled for salesPerson', async() => {
            await page.wait(selectors.clientFiscalData.socialNameInput);
            const result = await page.evaluate(selector => {
                return document.querySelector(selector).disabled;
            }, 'vn-textfield[ng-model="$ctrl.client.socialName"] > div');

            expect(result).toBeFalsy();
        });
    });
});