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

describe('Claim edit basic data path', () => {
    const nightmare = createNightmare();

    beforeAll(() => {
        nightmare
            .waitForLogin('salesAssistant');
    });

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

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

    it('should search for the claim with id 1', async () => {
        const resultCount = await nightmare
            .wait(selectors.claimsIndex.searchResult)
            .type(selectors.claimsIndex.searchClaimInput, '1')
            .click(selectors.claimsIndex.searchButton)
            .waitForNumberOfElements(selectors.claimsIndex.searchResult, 1)
            .countElement(selectors.claimsIndex.searchResult);

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

    it(`should click on the search result to access to the claim Basic Data`, async () => {
        const url = await nightmare
            .waitToClick(selectors.claimsIndex.searchResult)
            .waitToClick(selectors.claimBasicData.basicDataButton)
            .waitForURL('basic-data')
            .url();

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

    it(`should edit claim state, is paid with mana and observation fields`, async () => {
        const result = await nightmare
            .waitToClick(selectors.claimBasicData.claimStateSelect)
            .waitToClick(selectors.claimBasicData.claimStateSelectThirdOption)
            .waitToClick(selectors.claimBasicData.isPaidWithManaCheckbox)
            .clearInput(selectors.claimBasicData.observationInput)
            .type(selectors.claimBasicData.observationInput, 'edited observation')
            .click(selectors.claimBasicData.saveButton)
            .waitForSnackbar();

        expect(result).toEqual(jasmine.arrayContaining(['Data saved!']));
    });

    it('should confirm the claim state was edited', async () => {
        const result = await nightmare
            .click(selectors.claimDetails.detailsButton)
            .wait(selectors.claimDetails.addItemButton)
            .click(selectors.claimBasicData.basicDataButton)
            .wait(selectors.claimBasicData.claimStateSelect)
            .getInputValue(selectors.claimBasicData.claimStateSelect);

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

    it('should confirm the Is paid with mana checkbox is checked', async () => {
        const value = await nightmare
            .evaluate((selector) => {
                return document.querySelector(selector).checked;
            }, selectors.claimBasicData.isPaidWithManaCheckbox);

        expect(value).toBeTruthy();
    });

    it('should confirm the claim observation was edited', async () => {
        const result = await nightmare
            .getInputValue(selectors.claimBasicData.observationInput);

        expect(result).toEqual('edited observation');
    });

    it(`should edit the claim to leave it untainted`, async () => {
        const result = await nightmare
            .waitToClick(selectors.claimBasicData.claimStateSelect)
            .waitToClick(selectors.claimBasicData.claimStateSelectFourthOption)
            .waitToClick(selectors.claimBasicData.isPaidWithManaCheckbox)
            .clearInput(selectors.claimBasicData.observationInput)
            .type(selectors.claimBasicData.observationInput, 'Observation one')
            .click(selectors.claimBasicData.saveButton)
            .waitForSnackbar();

        expect(result).toEqual(jasmine.arrayContaining(['Data saved!']));
    });
});