import selectors from '../../helpers/selectors.js';
import createNightmare from '../../helpers/nightmare';

// #1528 e2e claim/detail
xdescribe('Claim detail', () => {
    const nightmare = createNightmare();

    beforeAll(() => {
        nightmare
            .loginAndModule('salesPerson', 'claim')
            .accessToSearchResult(1)
            .accessToSection('claim.card.detail');
    });

    it('should add the first claimable item from ticket to the claim', async() => {
        const result = await nightmare
            .waitToClick(selectors.claimDetail.addItemButton)
            .waitToClick(selectors.claimDetail.firstClaimableSaleFromTicket)
            .waitForLastSnackbar();

        expect(result).toEqual('Data saved!');
    });

    it('should confirm the claim contains now two items', async() => {
        const result = await nightmare
            .countElement(selectors.claimDetail.claimDetailLine);

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

    it('should edit de first item claimed quantity', async() => {
        const result = await nightmare
            .clearInput(selectors.claimDetail.firstItemQuantityInput) // selector deleted, find new upon fixes
            .write(selectors.claimDetail.firstItemQuantityInput, 4) // selector deleted, find new upon fixes
            .write('body', '\u000d') // simulates enter
            .waitForLastSnackbar();

        expect(result).toEqual('Data saved!');
    });

    it('should confirm the first item quantity, and the claimed total were correctly edited', async() => {
        const claimedQuantity = await nightmare
            .waitToGetProperty(selectors.claimDetail.firstItemQuantityInput, 'value'); // selector deleted, find new upon fixes

        const totalClaimed = await nightmare
            .waitToGetProperty(selectors.claimDetail.totalClaimed, 'innerText');

        expect(claimedQuantity).toEqual('4');
        expect(totalClaimed).toContain('€47.62');
    });

    it('should login as salesAssistant and navigate to the claim.detail section', async() => {
        const url = await nightmare
            .loginAndModule('salesAssistant', 'claim')
            .accessToSearchResult(1)
            .accessToSection('claim.card.detail')
            .waitForURL('/detail')
            .parsedUrl();

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

    it('should edit de second item claimed discount', async() => {
        const result = await nightmare
            .waitToClick(selectors.claimDetail.secondItemDiscount)
            .write(selectors.claimDetail.discountInput, 100)
            .write('body', '\u000d') // simulates enter
            .waitForLastSnackbar();

        expect(result).toEqual('Data saved!');
    });

    it('should check the mana is the expected one', async() => {
        const result = await nightmare
            .waitToClick(selectors.claimDetail.secondItemDiscount)
            .waitToGetProperty(selectors.claimDetail.discoutPopoverMana, 'innerText');

        expect(result).toContain('MANÁ: €106');
    });

    it('should delete the second item from the claim', async() => {
        const result = await nightmare
            .waitToClick(selectors.claimDetail.secondItemDeleteButton)
            .waitForLastSnackbar();

        expect(result).toEqual('Data saved!');
    });

    it('should confirm the claim contains now one item', async() => {
        const result = await nightmare
            .countElement(selectors.claimDetail.claimDetailLine);

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

    it('should add the deleted ticket from to the claim', async() => {
        const result = await nightmare
            .waitToClick(selectors.claimDetail.addItemButton)
            .waitToClick(selectors.claimDetail.firstClaimableSaleFromTicket)
            .waitForLastSnackbar();

        expect(result).toEqual('Data saved!');
    });

    it(`should have been redirected to the next section in claims`, async() => {
        const url = await nightmare
            .waitForURL('/development')
            .parsedUrl();

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

    it('should navigate back to claim.detail to confirm the claim contains now two items', async() => {
        const result = await nightmare
            .accessToSection('claim.card.detail')
            .wait(selectors.claimDetail.claimDetailLine)
            .countElement(selectors.claimDetail.claimDetailLine);

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