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

describe('Client Add greuge path', () => {
    const nightmare = createNightmare();

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

    it('should click on the Clients button of the top bar menu', async () => {
        const url = await nightmare
            .waitToClick(selectors.globalItems.applicationsMenuButton)
            .wait(selectors.globalItems.applicationsMenuVisible)
            .waitToClick(selectors.globalItems.clientsButton)
            .wait(selectors.clientsIndex.createClientButton)
            .parsedUrl();

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

    it('should search for the user Petter Parker', async () => {
        const resultCount = await nightmare
            .wait(selectors.clientsIndex.searchClientInput)
            .type(selectors.clientsIndex.searchClientInput, 'Petter Parker')
            .click(selectors.clientsIndex.searchButton)
            .waitForNumberOfElements(selectors.clientsIndex.searchResult, 1)
            .countElement(selectors.clientsIndex.searchResult);

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

    it(`should click on the search result to access to the client's greuge`, async () => {
        const url = await nightmare
            .waitForTextInElement(selectors.clientsIndex.searchResult, 'Petter Parker')
            .waitToClick(selectors.clientsIndex.searchResult)
            .waitToClick(selectors.clientGreuge.greugeButton)
            .waitForURL('greuge/index')
            .parsedUrl();

        expect(url.hash).toContain('greuge/index');
    });

    it(`should click on the add greuge button`, async () => {
        const url = await nightmare
            .waitToClick(selectors.clientGreuge.addGreugeFloatButton)
            .waitForURL('greuge/create')
            .parsedUrl();

        expect(url.hash).toContain('greuge/create');
    });

    it(`should receive an error if all fields are empty but date and type on submit`, async () => {
        const result = await nightmare
            .waitToClick(selectors.clientGreuge.typeInput)
            .waitToClick(selectors.clientGreuge.typeSecondOption)
            .click(selectors.clientGreuge.saveButton)
            .waitForLastSnackbar();

        expect(result).toEqual('Some fields are invalid');
    });

    it(`should create a new greuge with all its data`, async () => {
        const result = await nightmare
            .type(selectors.clientGreuge.amountInput, 999)
            .waitForTextInInput(selectors.clientGreuge.amountInput, '999')
            .type(selectors.clientGreuge.descriptionInput, 'new armor for Batman!')
            .click(selectors.clientGreuge.saveButton)
            .waitForLastSnackbar();

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

    it('should confirm the greuge was added to the list', async () => {
        const result = await nightmare
            .waitToGetProperty(selectors.clientGreuge.firstGreugeText, 'innerText');

        expect(result).toContain(999);
        expect(result).toContain('new armor for Batman!');
        expect(result).toContain('Diff');
    });
});