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

describe('Ticket descriptor path', () => {
    let browser;
    let page;

    beforeAll(async() => {
        browser = await getBrowser();
        page = browser.page;
        await page.loginAndModule('salesperson', 'ticket');
    });

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

    describe('Delete ticket', () => {
        it('should search for an specific ticket', async() => {
            await page.accessToSearchResult('18');
            await page.waitForState('ticket.card.summary');
        });

        it(`should update the shipped hour using the descriptor menu`, async() => {
            await page.waitToClick(selectors.ticketDescriptor.moreMenu);
            await page.waitToClick(selectors.ticketDescriptor.moreMenuChangeShippedHour);
            await page.pickTime(selectors.ticketDescriptor.changeShippedHour, '08:15');
            await page.waitToClick(selectors.ticketDescriptor.acceptChangeHourButton);
            const message = await page.waitForSnackbar();

            expect(message.text).toContain('Shipped hour updated');
        });

        it(`should confirm the ticket descriptor shows the correct shipping hour`, async() => {
            await page.waitForState('ticket.card.summary');
            const result = await page
                .waitToGetProperty(selectors.ticketDescriptor.descriptorDeliveryDate, 'innerText');

            expect(result).toContain('08:15');
        });

        it('should delete the ticket using the descriptor more menu', async() => {
            await page.waitToClick(selectors.ticketDescriptor.moreMenu);
            await page.waitToClick(selectors.ticketDescriptor.moreMenuDeleteTicket);
            await page.waitToClick(selectors.ticketDescriptor.acceptDialog);
            const message = await page.waitForSnackbar();

            expect(message.text).toContain('Ticket deleted. You can undo this action within the first hour');
        });

        it('should have been relocated to the ticket index', async() => {
            await page.waitForState('ticket.index');
        });

        it(`should search for the deleted ticket and check the deletedTicket icon and it's date`, async() => {
            await page.write(selectors.ticketsIndex.topbarSearch, '18');
            await page.waitToClick(selectors.globalItems.searchButton);
            await page.waitForState('ticket.card.summary');
            await page.waitForClassPresent(selectors.ticketDescriptor.isDeletedIcon, 'bright');
            const result = await page.waitToGetProperty(selectors.ticketsIndex.searchResultDate, 'innerText');

            expect(result).toContain(2000);
        });
    });

    describe('Restore ticket', () => {
        it('should restore the ticket using the descriptor more menu', async() => {
            await page.waitToClick(selectors.ticketDescriptor.moreMenu);
            await page.waitToClick(selectors.ticketDescriptor.moreMenuRestoreTicket);
            await page.waitToClick(selectors.ticketDescriptor.acceptDialog);
            await page.waitForState('ticket.card.summary');
            const message = await page.waitForSnackbar();

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

        it('should make sure the ticketDeleted icon is no longer bright', async() => {
            await page.waitForClassNotPresent(selectors.ticketDescriptor.isDeletedIcon, 'bright');
        });
    });

    describe('Add stowaway', () => {
        it('should search for a ticket', async() => {
            await page.accessToSearchResult('16');
            await page.waitForState('ticket.card.summary');
        });

        it('should open the add stowaway dialog', async() => {
            await page.waitForFunction(() => {
                let element = document.querySelector('vn-ticket-descriptor-menu');
                return element.$ctrl.canShowStowaway === true;
            });
            await page.waitToClick(selectors.ticketDescriptor.moreMenu);
            await page.waitToClick(selectors.ticketDescriptor.moreMenuAddStowaway);
            await page.wait(selectors.ticketDescriptor.addStowawayDialogFirstTicket);
            const isVisible = await page.isVisible(selectors.ticketDescriptor.addStowawayDialogFirstTicket);

            expect(isVisible).toBeTruthy();
        });

        it('should add a ticket as stowaway', async() => {
            await page.waitToClick(selectors.ticketDescriptor.addStowawayDialogFirstTicket);
            const message = await page.waitForSnackbar();

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

        it(`should check the state of the stowaway ticket is embarked`, async() => {
            await page.waitForState('ticket.card.summary');
            const state = await page.waitToGetProperty(selectors.ticketDescriptor.stateLabelValue, 'innerText');

            expect(state).toEqual('State Embarcando');
        });

        it(`should navigate back to the added ticket using the descriptors ship button`, async() => {
            await page.waitToClick(selectors.ticketDescriptor.shipButton);
            await page.waitForState('ticket.card.summary');
        });

        it('should delete the stowaway', async() => {
            await page.waitToClick(selectors.ticketDescriptor.moreMenu);
            await page.waitForContentLoaded();
            await page.waitToClick(selectors.ticketDescriptor.moreMenuDeleteStowawayButton);
            await page.waitToClick(selectors.ticketDescriptor.acceptDeleteStowawayButton);
            const message = await page.waitForSnackbar();

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

        it(`should confirm the ship buton doesn't exisist any more`, async() => {
            await page.waitForSelector(selectors.ticketDescriptor.shipButton, {hidden: true});
        });
    });

    describe('Make invoice', () => {
        it('should login as adminBoss role then search for a ticket', async() => {
            const invoiceableTicketId = '14';

            await page.loginAndModule('adminBoss', 'ticket');
            await page.accessToSearchResult(invoiceableTicketId);
            await page.waitForState('ticket.card.summary');
        });

        it(`should make sure the ticket doesn't have an invoiceOutFk yet`, async() => {
            const result = await page
                .waitToGetProperty(selectors.ticketSummary.invoiceOutRef, 'innerText');

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

        it('should invoice the ticket using the descriptor more menu', async() => {
            await page.waitToClick(selectors.ticketDescriptor.moreMenu);
            await page.waitForContentLoaded();
            await page.waitToClick(selectors.ticketDescriptor.moreMenuMakeInvoice);
            await page.waitToClick(selectors.ticketDescriptor.acceptInvoiceOutButton);
            const message = await page.waitForSnackbar();

            expect(message.text).toContain('Ticket invoiced');
        });

        it(`should make sure the ticket summary have an invoiceOutFk`, async() => {
            await page.waitForTextInElement(selectors.ticketSummary.invoiceOutRef, 'T4444445');
            const result = await page.waitToGetProperty(selectors.ticketSummary.invoiceOutRef, 'innerText');

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