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

describe('Client create path', () => {
    let browser;
    let page;

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

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

    it(`should search for the user Carol Danvers to confirm it isn't created yet`, async() => {
        await page.doSearch('Carol Danvers');
        const result = await page.countElement(selectors.globalItems.searchResult);

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

    it('should now access to the create client view by clicking the create-client floating button', async() => {
        await page.waitToClick(selectors.clientsIndex.createClientButton);
        await page.waitForState('client.create');
    });

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

        expect(message.text).toContain('Some fields are invalid');
    });

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

        expect(message.text).toContain('Some fields are invalid');
    });

    it(`should create a new province`, async() => {
        await page.waitToClick(selectors.createClientView.addPostCode);
        await page.waitToClick(selectors.createClientView.addProvince);
        await page.write(selectors.createClientView.newProvinceName, 'Massachusetts');
        await page.autocompleteSearch(selectors.createClientView.dialogCountry, 'España');
        await page.waitToClick(selectors.createClientView.saveNewProvicenButton);
        const message = await page.waitForSnackbar();

        expect(message.text).toContain('The province has been created');
    });

    it(`should create a new city`, async() => {
        await page.waitToClick(selectors.createClientView.addCity);
        await page.write(selectors.createClientView.newCityName, 'Boston');
        await page.autocompleteSearch(selectors.createClientView.newCityProvince, 'Massachusetts');
        await page.waitToClick(selectors.createClientView.saveNewCityButton);
        const message = await page.waitForSnackbar();

        expect(message.text).toContain('The city has been created');
    });

    it(`should create a new post code`, async() => {
        await page.write(selectors.createClientView.newPostcode, '61616');
        await page.waitToClick(selectors.createClientView.saveNewPoscode);

        const message = await page.waitForSnackbar();

        expect(message.text).toContain('The postcode has been created. You can save the data now');
    });

    it(`should attempt to create a new user with all it's data but wrong email`, async() => {
        await page.write(selectors.createClientView.name, 'Carol Danvers');
        await page.write(selectors.createClientView.socialName, 'AVG tax');
        await page.write(selectors.createClientView.street, 'Many places');
        await page.clearInput(selectors.createClientView.email);
        await page.write(selectors.createClientView.email, 'incorrect email format');
        await page.waitToClick(selectors.createClientView.createButton);
        const message = await page.waitForSnackbar();

        expect(message.text).toContain('Some fields are invalid');
    });

    it(`should attempt to create a new user with all it's data but wrong postal code`, async() => {
        await page.clearInput(selectors.createClientView.email);
        await page.write(selectors.createClientView.email, 'CarolDanvers@verdnatura.es');
        await page.clearInput(selectors.createClientView.postcode);
        await page.write(selectors.createClientView.postcode, '479999');
        await page.waitToClick(selectors.createClientView.createButton);
        const message = await page.waitForSnackbar();

        expect(message.text).toContain(`The postcode doesn't exist. Please enter a correct one`);
    });

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

        const clientProvince = await page
            .waitToGetProperty(selectors.createClientView.province, 'value');

        const clientCountry = await page
            .waitToGetProperty(selectors.createClientView.country, 'value');

        expect(clientCity).toEqual('Boston');
        expect(clientProvince).toContain('Massachusetts');
        expect(clientCountry).toEqual('España');
    });

    it(`should create a new user with all correct data`, async() => {
        await page.clearInput(selectors.createClientView.postcode);
        await page.write(selectors.createClientView.postcode, '61616');
        await page.waitToClick(selectors.createClientView.createButton);
        const message = await page.waitForSnackbar();

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

    it('should click on the Clients button of the top bar menu', async() => {
        await page.waitToClick(selectors.globalItems.applicationsMenuButton);
        await page.waitForSelector(selectors.globalItems.applicationsMenuVisible);
        await page.waitToClick(selectors.globalItems.clientsButton);
        await page.waitForSelector(selectors.clientsIndex.createClientButton);
        await page.waitForState('client.index');
    });

    it(`should search for the user Carol Danvers to confirm it exists`, async() => {
        await page.accessToSearchResult('Carol Danvers');
        await page.waitForState('client.card.summary');
    });
});