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

describe('Order catalog', () => {
    let browser;
    let page;

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

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

    it('should open the create new order form', async() => {
        await page.waitToClick(selectors.ordersIndex.createOrderButton);
        await page.waitForState('order.create');
    });

    it('should create a new order', async() => {
        await page.autocompleteSearch(selectors.createOrderView.client, 'Tony Stark');
        await page.pickDate(selectors.createOrderView.landedDatePicker);
        await page.autocompleteSearch(selectors.createOrderView.agency, 'Other agency');
        await page.waitToClick(selectors.createOrderView.createButton);
        await page.waitForState('order.card.catalog');
    });

    it('should add the realm and type filters and obtain results', async() => {
        await page.waitToClick(selectors.orderCatalog.plantRealmButton);
        await page.autocompleteSearch(selectors.orderCatalog.type, 'Anthurium');
        await page.waitForNumberOfElements('section.product', 4);
        const result = await page.countElement('section.product');

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

    it('should perfom an "OR" search for the item tag colors silver and brown', async() => {
        await page.waitToClick(selectors.orderCatalog.openTagSearch);
        await page.autocompleteSearch(selectors.orderCatalog.tag, 'Color');
        await page.autocompleteSearch(selectors.orderCatalog.firstTagAutocomplete, 'silver');
        await page.waitToClick(selectors.orderCatalog.addTagButton);
        await page.autocompleteSearch(selectors.orderCatalog.secondTagAutocomplete, 'brown');
        await page.waitToClick(selectors.orderCatalog.searchTagButton);
        await page.waitForNumberOfElements('section.product', 4);
    });

    it('should perfom an "OR" search for the item tag tallos 2 and 9', async() => {
        await page.waitToClick(selectors.orderCatalog.openTagSearch);
        await page.autocompleteSearch(selectors.orderCatalog.tag, 'Tallos');
        await page.write(selectors.orderCatalog.firstTagValue, '2');
        await page.waitToClick(selectors.orderCatalog.addTagButton);
        await page.write(selectors.orderCatalog.secondTagValue, '9');
        await page.waitToClick(selectors.orderCatalog.searchTagButton);
        await page.waitForNumberOfElements('section.product', 2);
    });

    it('should perform a general search for category', async() => {
        await page.write(selectors.orderCatalog.itemTagValue, 'concussion');
        await page.keyboard.press('Enter');
        await page.waitForNumberOfElements('section.product', 2);
    });

    it('should perfom an "AND" search for the item tag tallos 2', async() => {
        await page.waitToClick(selectors.orderCatalog.openTagSearch);
        await page.autocompleteSearch(selectors.orderCatalog.tag, 'Tallos');
        await page.write(selectors.orderCatalog.firstTagValue, '2');
        await page.waitToClick(selectors.orderCatalog.searchTagButton);
        await page.waitForNumberOfElements('section.product', 1);
    });

    it('should remove the tag filters and have 4 results', async() => {
        await page.waitForContentLoaded();
        await page.waitToClick(selectors.orderCatalog.sixthFilterRemoveButton);
        await page.waitForContentLoaded();
        await page.waitToClick(selectors.orderCatalog.fifthFilterRemoveButton);
        await page.waitForContentLoaded();
        await page.waitToClick(selectors.orderCatalog.fourthFilterRemoveButton);
        await page.waitForContentLoaded();
        await page.waitToClick(selectors.orderCatalog.thirdFilterRemoveButton);

        await page.waitForNumberOfElements('.product', 4);
        const result = await page.countElement('section.product');

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

    it('should search for an item by id', async() => {
        await page.accessToSearchResult('2');
        await page.waitForNumberOfElements('section.product', 1);
        const result = await page.countElement('section.product');

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