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

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

    beforeAll(async() => {
        browser = await getBrowser();
        page = browser.page;
        await page.loginAndModule('buyer', 'travel');
        await page.write(selectors.travelIndex.generalSearchFilter, '3');
        await page.keyboard.press('Enter');
        await page.accessToSection('travel.card.basicData');
    });

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

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

    it('should set a wrong delivery date then receive an error on submit', async() => {
        await page.loginAndModule('buyer', 'travel');
        await page.write(selectors.travelIndex.generalSearchFilter, '4');
        await page.keyboard.press('Enter');
        await page.accessToSection('travel.card.basicData');
        await page.waitForState('travel.card.basicData');

        const lastMonth = Date.vnNew();
        lastMonth.setMonth(lastMonth.getMonth() - 2);

        await page.pickDate(selectors.travelBasicData.deliveryDate, lastMonth);
        await page.waitToClick(selectors.travelBasicData.save);
        const message = await page.waitForSnackbar();

        expect(message.text).toContain('Landing cannot be lesser than shipment');
    });

    it('should undo the changes', async() => {
        await page.clearInput(selectors.travelBasicData.reference);
        await page.write(selectors.travelBasicData.reference, 'totally pointless ref');
        await page.waitToClick(selectors.travelBasicData.undoChanges);
        const result = await page.waitToGetProperty(selectors.travelBasicData.reference, 'value');

        expect(result).toEqual('fourth travel');
    });

    it('should now edit the whole form then save', async() => {
        await page.clearInput(selectors.travelBasicData.reference);
        await page.write(selectors.travelBasicData.reference, 'new reference!');
        await page.autocompleteSearch(selectors.travelBasicData.agency, 'Entanglement');
        await page.autocompleteSearch(selectors.travelBasicData.outputWarehouse, 'Warehouse Three');
        await page.autocompleteSearch(selectors.travelBasicData.inputWarehouse, 'Warehouse Four');
        await page.waitToClick(selectors.travelBasicData.delivered);
        await page.waitToClick(selectors.travelBasicData.received);
        await page.waitToClick(selectors.travelBasicData.save);
        const message = await page.waitForSnackbar();

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

    it('should reload the section and check the reference was saved', async() => {
        await page.reloadSection('travel.card.basicData');
        const result = await page.waitToGetProperty(selectors.travelBasicData.reference, 'value');

        expect(result).toEqual('new reference!');
    });

    it('should check the agency was saved', async() => {
        const result = await page.waitToGetProperty(selectors.travelBasicData.agency, 'value');

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

    it('should check the output warehouse date was saved', async() => {
        const result = await page.waitToGetProperty(selectors.travelBasicData.outputWarehouse, 'value');

        expect(result).toEqual('Warehouse Three');
    });

    it('should check the input warehouse date was saved', async() => {
        const result = await page.waitToGetProperty(selectors.travelBasicData.inputWarehouse, 'value');

        expect(result).toEqual('Warehouse Four');
    });

    it(`should check the delivered checkbox was saved even tho it doesn't make sense`, async() => {
        await page.waitForClassPresent(selectors.travelBasicData.delivered, 'checked');
    });

    it(`should check the received checkbox was saved even tho it doesn't make sense`, async() => {
        await page.waitForClassPresent(selectors.travelBasicData.received, 'checked');
    });
});