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

describe('Ticket Edit basic data path', () => {
    let browser;
    let page;

    beforeAll(async() => {
        browser = await getBrowser();
        page = browser.page;
        await page.loginAndModule('employee', 'ticket');
        await page.accessToSearchResult('11');
        await page.accessToSection('ticket.card.basicData.stepOne');
    });

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

    it(`should confirm the zone autocomplete is disabled unless your role is productionBoss`, async() => {
        await page.waitForSelector(selectors.ticketBasicData.zoneAutocomplete, {});
        const disabled = await page.evaluate(selector => {
            return document.querySelector(selector).disabled;
        }, `${selectors.ticketBasicData.zoneAutocomplete} input`);

        expect(disabled).toBeTruthy();
    });

    it(`should now log as productionBoss to perform the rest of the tests`, async() => {
        await page.loginAndModule('productionBoss', 'ticket');
        await page.accessToSearchResult('11');
        await page.accessToSection('ticket.card.basicData.stepOne');
    });

    it(`should confirm the zone autocomplete is enabled for the role productionBoss`, async() => {
        await page.waitForSpinnerLoad();
        await page.wait(selectors.ticketBasicData.zoneAutocomplete);
        const disabled = await page.evaluate(selector => {
            return document.querySelector(selector).disabled;
        }, `${selectors.ticketBasicData.zoneAutocomplete} input`);

        expect(disabled).toBeFalsy();
    });

    it(`should check the zone is for Silla247`, async() => {
        let zone = await page
            .waitToGetProperty(`${selectors.ticketBasicData.zoneAutocomplete} input`, 'value');

        expect(zone).toContain('Zone 247 A');
    });

    it(`should edit the ticket agency then check there are no zones for it`, async() => {
        await page.autocompleteSearch(selectors.ticketBasicData.agencyAutocomplete, 'Entanglement');
        let zone = await page
            .getProperty(`${selectors.ticketBasicData.zoneAutocomplete} input`, 'value');

        expect(zone.length).toEqual(0);
    });

    it(`should edit the ticket zone then check the agency is for the new zone`, async() => {
        await page.autocompleteSearch(selectors.ticketBasicData.zoneAutocomplete, 'Zone expensive A');
        let zone = await page
            .waitToGetProperty(`${selectors.ticketBasicData.agencyAutocomplete} input`, 'value');

        expect(zone).toContain('Silla247Expensive');
    });

    it(`should click next`, async() => {
        await page.waitToClick(selectors.ticketBasicData.nextStepButton);
        await page.waitForURL('data/step-two');
        let url = await page.parsedUrl();

        expect(url.hash).toContain('data/step-two');
    });

    it(`should have a price diference`, async() => {
        const result = await page
            .waitToGetProperty(selectors.ticketBasicData.stepTwoTotalPriceDif, 'innerText');

        expect(result).toContain('-€248.00');
    });

    it(`should then click next to move on to step three`, async() => {
        await page.waitToClick(selectors.ticketBasicData.nextStepButton);
        await page.waitForURL('data/step-three');
        let url = await page.parsedUrl();

        expect(url.hash).toContain('data/step-three');
    });

    it(`should select a new reason for the changes made then click on finalize`, async() => {
        await page.autocompleteSearch(selectors.ticketBasicData.chargesReasonAutocomplete, 'Cambiar los precios en el ticket');
        await page.waitToClick(selectors.ticketBasicData.finalizeButton);
        await page.waitForURL('summary');
        let url = await page.parsedUrl();

        expect(url.hash).toContain('summary');
    });
});