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

// #1632 [e2e] ticket.sale - Transferir líneas
xdescribe('Ticket Edit sale path', () => {
    let browser;
    let page;

    beforeAll(async() => {
        browser = await getBrowser();
        page = browser.page;
        await page.loginAndModule('salesPerson', 'ticket');
        await page.accessToSearchResult(16);
        await page.accessToSection('ticket.card.sale');
    });

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

    it(`should click on the first sale claim icon to navigate over there`, async() => {
        await page.waitToClick(selectors.ticketSales.firstSaleClaimIcon);
        await page.wait(selectors.claimBasicData.claimState);
        const url = await page.parsedUrl();

        expect(url.hash).toEqual('#!/claim/2/basic-data');
    });

    it('should navigate to the tickets index', async() => {
        await page.waitToClick(selectors.globalItems.applicationsMenuButton);
        await page.wait(selectors.globalItems.applicationsMenuVisible);
        await page.waitToClick(selectors.globalItems.ticketsButton);
        await page.wait(selectors.ticketsIndex.topbarSearch);
        const url = await page.parsedUrl();

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

    it(`should search for a ticket and then navigate to it's sales`, async() => {
        await page.accessToSearchResult(16);
        await page.accessToSection('ticket.card.sale');
        await page.waitForURL('/sale');
        const url = await page.parsedUrl();

        expect(url.hash).toContain('/sale');
    });

    it(`should check the zoomed image isn't present`, async() => {
        const result = await page.countElement(selectors.ticketSales.firstSaleZoomedImage);

        expect(result).toEqual(0);
    });

    it(`should click on the thumbnail image of the 1st sale and see the zoomed image`, async() => {
        await page.clickIfVisible(selectors.ticketSales.firstSaleThumbnailImage);
        const result = await page.countElement(selectors.ticketSales.firstSaleZoomedImage);

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

    it(`should click on the zoomed image to close it`, async() => {
        await page.clickIfVisible(selectors.ticketSales.firstSaleZoomedImage);
        const result = await page.countElement(selectors.ticketSales.firstSaleZoomedImage);

        expect(result).toEqual(0);
    });

    it(`should confirm the item descriptor insnt visible yet`, async() => {
        const visible = await page.isVisible(selectors.ticketSales.saleDescriptorPopover);

        expect(visible).toBeFalsy();
    });

    it(`should click on the first sale ID making the item descriptor visible`, async() => {
        await page.waitToClick(selectors.ticketSales.firstSaleId);
        await page.waitImgLoad(selectors.ticketSales.firstSaleDescriptorImage);
        const visible = await page.isVisible(selectors.ticketSales.saleDescriptorPopover);

        expect(visible).toBeTruthy();
    });

    it(`should click on the descriptor image of the 1st sale and see the zoomed image`, async() => {
        await page.clickIfVisible('vn-item-descriptor img');
        const result = await page.countElement(selectors.ticketSales.firstSaleZoomedImage);

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

    it(`should now click on the zoomed image to close it`, async() => {
        await page.clickIfVisible(selectors.ticketSales.firstSaleZoomedImage);
        const result = await page.countElement(selectors.ticketSales.firstSaleZoomedImage);

        expect(result).toEqual(0);
    });

    it(`should click on the summary icon of the item-descriptor to access to the item summary`, async() => {
        await page.waitToClick(selectors.ticketSales.saleDescriptorPopoverSummaryButton);
        await page.waitForURL('/summary');
        const url = await page.parsedUrl();

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

    it('should return to ticket sales section', async() => {
        await page.waitToClick(selectors.globalItems.applicationsMenuButton);
        await page.wait(selectors.globalItems.applicationsMenuVisible);
        await page.waitToClick(selectors.globalItems.ticketsButton);
        await page.accessToSearchResult(16);
        await page.accessToSection('ticket.card.sale');
        await page.waitForURL('/sale');
        const url = await page.parsedUrl();

        expect(url.hash).toContain('/sale');
    });

    it('should try to add a higher quantity value and then receive an error', async() => {
        await page.focusElement(selectors.ticketSales.firstSaleQuantityCell);
        await page.write(selectors.ticketSales.firstSaleQuantity, '11\u000d');
        const message = await page.waitForSnackbar();

        expect(message.text).toBe('The new quantity should be smaller than the old one');
    });

    it('should remove 1 from the first sale quantity', async() => {
        await page.focusElement(selectors.ticketSales.firstSaleQuantityCell);
        await page.write(selectors.ticketSales.firstSaleQuantity, '9\u000d');
        const message = await page.waitForSnackbar();

        expect(message.type).toBe('success');
    });

    it('should update the price', async() => {
        await page.waitToClick(`${selectors.ticketSales.firstSalePrice} > span`);
        await page.write(selectors.ticketSales.firstSalePriceInput, '5\u000d');
        const message = await page.waitForSnackbar();

        expect(message.type).toBe('success');
    });

    it('should confirm the price have been updated', async() => {
        const result = await page.waitToGetProperty(`${selectors.ticketSales.firstSalePrice} span`, 'innerText');

        expect(result).toContain('5.00');
    });

    it('should confirm the total price for that item have been updated', async() => {
        const result = await page.waitToGetProperty(selectors.ticketSales.firstSaleImport, 'innerText');

        expect(result).toContain('45.00');
    });

    it('should update the discount', async() => {
        await page.waitToClick(`${selectors.ticketSales.firstSaleDiscount} > span`);
        await page.write(selectors.ticketSales.firstSaleDiscountInput, '50\u000d');
        const message = await page.waitForSnackbar();

        expect(message.type).toBe('success');
    });

    it('should confirm the discount have been updated', async() => {
        await page.waitForTextInElement(`${selectors.ticketSales.firstSaleDiscount} > span`, '50.00%');
        const result = await page.waitToGetProperty(`${selectors.ticketSales.firstSaleDiscount} > span`, 'innerText');

        expect(result).toContain('50.00%');
    });

    it('should confirm the total import for that item have been updated', async() => {
        await page.waitForTextInElement(selectors.ticketSales.firstSaleImport, '22.50');
        const result = await page.waitToGetProperty(selectors.ticketSales.firstSaleImport, 'innerText');

        expect(result).toContain('22.50');
    });

    it('should select the third sale and create a claim of it', async() => {
        await page.waitToClick(selectors.ticketSales.thirdSaleCheckbox);
        await page.waitToClick(selectors.ticketSales.moreMenu);
        await page.waitToClick(selectors.ticketSales.moreMenuCreateClaim);
        await page.wait(selectors.claimBasicData.claimState);
        const url = await page.parsedUrl();

        expect(url.hash).toContain('basic-data');
    });

    it('should click on the Claims button of the top bar menu', async() => {
        await page.waitToClick(selectors.globalItems.applicationsMenuButton);
        await page.wait(selectors.globalItems.applicationsMenuVisible);
        await page.waitToClick(selectors.globalItems.claimsButton);
        await page.wait(selectors.claimsIndex.searchClaimInput);
        const url = await page.parsedUrl();

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

    it('should search for the claim with id 4', async() => {
        await page.write(selectors.claimsIndex.searchClaimInput, 4);
        await page.waitToClick(selectors.claimsIndex.searchButton);
        await page.waitForNumberOfElements(selectors.claimsIndex.searchResult, 1);
        const result = await page.countElement(selectors.claimsIndex.searchResult);

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

    it('should click the Tickets button of the top bar menu', async() => {
        await page.waitToClick(selectors.globalItems.applicationsMenuButton);
        await page.wait(selectors.globalItems.applicationsMenuVisible);
        await page.waitToClick(selectors.globalItems.ticketsButton);
        await page.wait(selectors.ticketsIndex.topbarSearch);
        const url = await page.parsedUrl();

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

    it('should search for a ticket then access to the sales section', async() => {
        await page.accessToSearchResult(16);
        await page.accessToSection('ticket.card.sale');
        await page.waitForURL('/sale');
        const url = await page.parsedUrl();

        expect(url.hash).toContain('/sale');
    });

    it('should select the third sale and delete it', async() => {
        await page.waitToClick(selectors.ticketSales.thirdSaleCheckbox);
        await page.waitToClick(selectors.ticketSales.deleteSaleButton);
        await page.waitToClick(selectors.ticketSales.acceptDeleteLineButton);
        await page.waitForSpinnerLoad();
        const message = await page.waitForSnackbar();

        expect(message.type).toBe('success');
    });

    it(`should confirm the third sale was deleted`, async() => {
        const result = await page.countElement(selectors.ticketSales.saleLine);

        expect(result).toEqual(3);
    });

    it('should select the second sale and transfer it to a valid ticket', async() => {
        const targetTicketId = 12;

        await page.waitToClick(selectors.ticketSales.secondSaleCheckbox);
        await page.waitToClick(selectors.ticketSales.transferSaleButton);
        await page.focusElement(selectors.ticketSales.transferQuantityCell);
        await page.write(selectors.ticketSales.transferQuantityInput, '10\u000d');
        await page.write(selectors.ticketSales.moveToTicketInput, targetTicketId);
        await page.waitToClick(selectors.ticketSales.moveToTicketButton);
        await page.waitForURL(`ticket/${targetTicketId}/sale`);
        const result = await page.parsedUrl();

        expect(result.hash).toContain(`ticket/${targetTicketId}/sale`);
    });

    it('should confirm the transfered line is the correct one', async() => {
        await page.wait(selectors.ticketSales.secondSaleText);
        const result = await page.waitToGetProperty(selectors.ticketSales.secondSaleText, 'innerText');

        expect(result).toContain(`Melee weapon heavy shield`);
    });

    it('should confirm the transfered quantity is the correct one', async() => {
        const result = await page.waitToGetProperty(selectors.ticketSales.secondSaleQuantityCell, 'innerText');

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

    it('should go back to the original ticket sales section', async() => {
        await page.waitToClick(selectors.ticketDescriptor.goBackToModuleIndexButton);
        await page.accessToSearchResult(16);
        await page.accessToSection('ticket.card.sale');
        await page.waitForURL('/sale');
        const url = await page.parsedUrl();

        expect(url.hash).toContain('/sale');
    });

    it(`should confirm the original ticket has still three lines`, async() => {
        await page.wait(selectors.ticketSales.saleLine);
        const result = await page.countElement(selectors.ticketSales.saleLine);

        expect(result).toEqual(3);
    });

    it(`should confirm the second sale quantity is now half of it's original value after the transfer`, async() => {
        const result = await page.waitToGetProperty(selectors.ticketSales.secondSaleQuantityCell, 'innerText');

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

    it('should go back to the receiver ticket sales section', async() => {
        await page.waitToClick(selectors.ticketDescriptor.goBackToModuleIndexButton);
        await page.accessToSearchResult(12);
        await page.accessToSection('ticket.card.sale');
        await page.waitForURL('/sale');
        const url = await page.parsedUrl();

        expect(url.hash).toContain('/sale');
    });

    it('should transfer the sale back to the original ticket', async() => {
        const targetTicketId = 16;

        await page.waitToClick(selectors.ticketSales.secondSaleCheckbox);
        await page.waitToClick(selectors.ticketSales.transferSaleButton);
        await page.write(selectors.ticketSales.moveToTicketInput, targetTicketId);
        await page.waitToClick(selectors.ticketSales.moveToTicketButton);
        await page.waitForURL(`ticket/${targetTicketId}/sale`);
        const result = await page.parsedUrl();

        expect(result.hash).toContain(`ticket/${targetTicketId}/sale`);
    });

    it('should confirm the original ticket received the line', async() => {
        const expectedLines = 4;
        await page.waitForNumberOfElements(selectors.ticketSales.saleLine, expectedLines);
        const result = await page.countElement(selectors.ticketSales.saleLine);

        expect(result).toEqual(expectedLines);
    });

    it(`should throw an error when attempting to create a ticket for an inactive client`, async() => {
        await page.waitToClick(selectors.ticketSales.firstSaleCheckbox);
        await page.waitToClick(selectors.ticketSales.transferSaleButton);
        await page.waitToClick(selectors.ticketSales.moveToNewTicketButton);
        await page.waitToClick(selectors.ticketSales.acceptDeleteTicketButton);
        const message = await page.waitForSnackbar();

        expect(message.text).toBe(`You can't create a ticket for a inactive client`);
    });

    it('should go now to the ticket sales section of an active, not frozen client', async() => {
        await page.waitToClick(selectors.ticketDescriptor.goBackToModuleIndexButton);
        await page.accessToSearchResult(13);
        await page.accessToSection('ticket.card.sale');
        await page.waitForURL('/sale');
        const url = await page.parsedUrl();

        expect(url.hash).toContain('/sale');
    });

    it(`should select all sales, tranfer them to a new ticket and delete the sender ticket as it would've been left empty`, async() => {
        const senderTicketId = 13;

        await page.waitToClick(selectors.ticketSales.selectAllSalesCheckbox);
        await page.waitToClick(selectors.ticketSales.transferSaleButton);
        await page.waitToClick(selectors.ticketSales.moveToNewTicketButton);
        await page.waitToClick(selectors.ticketSales.acceptDeleteTicketButton);
        await page.wait((selector, ticketId) => {
            return document.querySelector(selector).innerText.toLowerCase().indexOf(`${ticketId}`) == -1;
        }, selectors.ticketDescriptor.idLabelValue, senderTicketId);
        const url = await page.parsedUrl();

        expect(url.hash).toContain('/sale');
    });

    it('should confirm the new ticket received the line', async() => {
        const result = await page.countElement(selectors.ticketSales.saleLine);

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

    it('should check the first sale reserved icon isnt visible', async() => {
        const result = await page.isVisible(selectors.ticketSales.firstSaleReservedIcon);

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

    it('should mark the first sale as reserved', async() => {
        await page.waitToClick(selectors.ticketSales.firstSaleCheckbox);
        await page.waitToClick(selectors.ticketSales.moreMenu);
        await page.waitToClick(selectors.ticketSales.moreMenuReserve);
        await page.waitForClassNotPresent(selectors.ticketSales.firstSaleReservedIcon, 'ng-hide');
        const result = await page.isVisible(selectors.ticketSales.firstSaleReservedIcon);

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

    it('should unmark the first sale as reserved', async() => {
        await page.waitToClick(selectors.ticketSales.moreMenu);
        await page.waitToClick(selectors.ticketSales.moreMenuUnmarkReseved);
        await page.waitForClassPresent(selectors.ticketSales.firstSaleReservedIcon, 'ng-hide');
        const result = await page.isVisible(selectors.ticketSales.firstSaleReservedIcon);

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

    it('should update all sales discount', async() => {
        await page.waitToClick(selectors.ticketSales.moreMenu);
        await page.waitToClick(selectors.ticketSales.moreMenuUpdateDiscount);
        // .write(selectors.ticketSales.moreMenuUpdateDiscountInput, 100) can't find the selector on app (deleted the selector), menu option was removed?
        await page.write('body', '\u000d');
        await page.waitForTextInElement(selectors.ticketSales.totalImport, '0.00');
        const result = await page.waitToGetProperty(selectors.ticketSales.totalImport, 'innerText');

        expect(result).toContain('0.00');
    });

    it('should log in as Production role and go to a target ticket summary', async() => {
        await page.loginAndModule('production', 'ticket');
        await page.accessToSearchResult(13);
        await page.waitForURL('/summary');
        const url = await page.parsedUrl();

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

    it(`should check it's state is deleted`, async() => {
        const result = await page.waitToGetProperty(selectors.ticketDescriptor.stateLabelValue, 'innerText');

        expect(result).toEqual('State Eliminado');
    });

    describe('when state is preparation and loged as Production', () => {
        it(`should not be able to edit the sale price`, async() => {
            await page.waitToClick(selectors.ticketDescriptor.goBackToModuleIndexButton);
            await page.accessToSearchResult(8);
            await page.accessToSection('ticket.card.sale');
            await page.waitToClick(selectors.ticketSales.firstSalePrice);
            const result = await page.exists(selectors.ticketSales.firstSalePriceInput);

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

        it(`should not be able to edit the sale discount`, async() => {
            await page.waitToClick(selectors.ticketSales.firstSaleDiscount);
            const result = await page.exists(selectors.ticketSales.firstSaleDiscountInput);

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

        it(`should not be able to edit the sale state`, async() => {
            await page.waitToClick(selectors.ticketSales.stateMenuButton);
            const result = await page.exists(selectors.ticketSales.stateMenuOptions);

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

        it('should log in as salesPerson then go to the sales of a target ticket', async() => {
            await page.loginAndModule('salesPerson', 'ticket');
            await page.accessToSearchResult(8);
            await page.accessToSection('ticket.card.sale');
            await page.waitForURL('/sale');
            const url = await page.parsedUrl();

            expect(url.hash).toContain('/sale');
        });
    });

    describe('when state is preparation and loged as salesPerson', () => {
        it(`shouldn't be able to edit the sale price`, async() => {
            await page.waitToClick(selectors.ticketSales.firstSalePrice);
            const result = await page.exists(selectors.ticketSales.firstSalePriceInput);

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

        it(`should be able to edit the sale discount`, async() => {
            await page.waitToClick(selectors.ticketSales.firstSaleDiscount);
            const result = await page.exists(selectors.ticketSales.firstSaleDiscountInput);

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

        it(`should not be able to edit the sale state`, async() => {
            await page.waitToClick(selectors.ticketSales.stateMenuButton);
            const result = await page.exists(selectors.ticketSales.stateMenuOptions);

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