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

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

    beforeAll(async() => {
        browser = await getBrowser();
        page = browser.page;

        await page.loginAndModule('deliveryAssistant',
            'zone'); // turns up the zone module name and route aint the same lol
        await page.accessToSearchResult('10');
        await page.accessToSection('zone.card.basicData');
    });

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

    it('should reach the basic data section', async() => {
        await page.waitForState('zone.card.basicData');
    });

    it('should edit de form and then save', async() => {
        await page.clearInput(selectors.zoneBasicData.name);
        await page.write(selectors.zoneBasicData.name, 'Brimstone teleportation');
        await page.autocompleteSearch(selectors.zoneBasicData.agency, 'Quantum break device');
        await page.clearInput(selectors.zoneBasicData.maxVolume);
        await page.write(selectors.zoneBasicData.maxVolume, '10');
        await page.clearInput(selectors.zoneBasicData.travelingDays);
        await page.write(selectors.zoneBasicData.travelingDays, '1');
        await page.clearInput(selectors.zoneBasicData.closing);
        await page.pickTime(selectors.zoneBasicData.closing, '21:00');
        await page.clearInput(selectors.zoneBasicData.price);
        await page.write(selectors.zoneBasicData.price, '999');
        await page.clearInput(selectors.zoneBasicData.bonus);
        await page.write(selectors.zoneBasicData.bonus, '100');
        await page.clearInput(selectors.zoneBasicData.inflation);
        await page.write(selectors.zoneBasicData.inflation, '200');
        await page.waitToClick(selectors.zoneBasicData.volumetric);
        await page.waitToClick(selectors.zoneBasicData.saveButton);
        const message = await page.waitForSnackbar();

        expect(message.text).toContain('Data saved!');
    });

    it('should now reload the section', async() => {
        await page.reloadSection('zone.card.basicData');
    });

    it('should confirm the name was updated', async() => {
        const result = await page.waitToGetProperty(selectors.zoneBasicData.name, 'value');

        expect(result).toEqual('Brimstone teleportation');
    });

    it('should confirm the agency was updated', async() => {
        const result = await page.waitToGetProperty(selectors.zoneBasicData.agency, 'value');

        expect(result).toEqual('Quantum break device');
    });

    it('should confirm the max volume was updated', async() => {
        const result = await page.waitToGetProperty(selectors.zoneBasicData.maxVolume, 'value');

        expect(result).toEqual('10');
    });

    it('should confirm the traveling days were updated', async() => {
        const result = await page.waitToGetProperty(selectors.zoneBasicData.travelingDays, 'value');

        expect(result).toEqual('1');
    });

    it('should confirm the closing hour was updated', async() => {
        const result = await page.waitToGetProperty(selectors.zoneBasicData.closing, 'value');

        expect(result).toEqual('21:00');
    });

    it('should confirm the price was updated', async() => {
        const result = await page.waitToGetProperty(selectors.zoneBasicData.price, 'value');

        expect(result).toEqual('999');
    });

    it('should confirm the bonus was updated', async() => {
        const result = await page.waitToGetProperty(selectors.zoneBasicData.bonus, 'value');

        expect(result).toEqual('100');
    });

    it('should confirm the inflation was updated', async() => {
        const result = await page.waitToGetProperty(selectors.zoneBasicData.inflation, 'value');

        expect(result).toEqual('200');
    });

    it('should confirm the volumetric checkbox was checked', async() => {
        await page.waitForClassPresent(selectors.zoneBasicData.volumetric, 'checked');
    });
});