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

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

    beforeAll(() => {
        nightmare
            .loginAndModule('employee', 'client');
    });

    it(`should search for the user Carol Danvers to confirm it isn't created yet`, async() => {
        const result = await nightmare
            .write(selectors.clientsIndex.searchClientInput, 'Carol Danvers')
            .waitToClick(selectors.clientsIndex.searchButton)
            .waitForNumberOfElements(selectors.clientsIndex.searchResult, 0)
            .countElement(selectors.clientsIndex.searchResult);

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

    it('should now access to the create client view by clicking the create-client floating button', async() => {
        const url = await nightmare
            .waitToClick(selectors.clientsIndex.createClientButton)
            .wait(selectors.createClientView.createButton)
            .parsedUrl();

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

    it('should receive an error when clicking the create button having all the form fields empty', async() => {
        const result = await nightmare
            .waitToClick(selectors.createClientView.createButton)
            .waitForLastSnackbar();

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

    it('should receive an error when clicking the create button having name and Business name fields empty', async() => {
        const result = await nightmare
            .write(selectors.createClientView.taxNumber, '74451390E')
            .write(selectors.createClientView.userName, 'CaptainMarvel')
            .write(selectors.createClientView.email, 'CarolDanvers@verdnatura.es')
            .autocompleteSearch(selectors.createClientView.salesPersonAutocomplete, 'replenisher')
            .waitToClick(selectors.createClientView.createButton)
            .waitForLastSnackbar();

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

    it(`should attempt to create a new user with all it's data but wrong email`, async() => {
        const result = await nightmare
            .write(selectors.createClientView.name, 'Carol Danvers')
            .write(selectors.createClientView.socialName, 'AVG tax')
            .write(selectors.createClientView.street, 'Many places')
            .autocompleteSearch(selectors.createClientView.country, 'España')
            .autocompleteSearch(selectors.createClientView.province, 'Province one')
            .write(selectors.createClientView.city, 'Valencia')
            .write(selectors.createClientView.postcode, '46000')
            .clearInput(selectors.createClientView.email)
            .write(selectors.createClientView.email, 'incorrect email format')
            .waitToClick(selectors.createClientView.createButton)
            .waitForLastSnackbar();

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

    it(`should check for autocompleted city, province and country`, async() => {
        const clientCity = await nightmare
            .waitToGetProperty(`${selectors.createClientView.city}`, 'value');

        const clientProvince = await nightmare
            .waitToGetProperty(`${selectors.createClientView.province} input`, 'value');

        const clientCountry = await nightmare
            .waitToGetProperty(`${selectors.createClientView.country} input`, 'value');

        expect(clientCity).toEqual('Valencia');
        expect(clientProvince).toEqual('Province one');
        expect(clientCountry).toEqual('España');
    });

    it(`should create a new user with all correct data`, async() => {
        const result = await nightmare
            .clearInput(selectors.createClientView.email)
            .write(selectors.createClientView.email, 'caroldanvers@verdnatura.es')
            .waitToClick(selectors.createClientView.createButton)
            .waitForLastSnackbar();

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

    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 Carol Danvers to confirm it exists`, async() => {
        const result = await nightmare
            .write(selectors.clientsIndex.searchClientInput, 'Carol Danvers')
            .waitToClick(selectors.clientsIndex.searchButton)
            .waitForNumberOfElements(selectors.clientsIndex.searchResult, 1)
            .countElement(selectors.clientsIndex.searchResult);

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