/* eslint-disable newline-per-chained-call */

import {browser, element, by} from 'protractor';
import {el, els, s, ECE, hover} from '@superdesk/end-to-end-testing-helpers';
import {nav} from './helpers/utils';

describe('internal destinations & generic-page-list', () => {
    // The following tests also cover all other pages using generic-page-list

    beforeEach(() => {
        nav('/settings/internal-destinations');
    });

    it('can add an item', () => {
        var items = els(['list-page--items', 'internal-destinations-item']);

        browser.wait(ECE.hasElementCount(items, 3));

        el(['list-page--add-item']).click();
        el(['list-page--new-item', 'gform-input--name']).sendKeys('delta');
        el(['list-page--new-item', 'gform-input--desk']).click();
        el(['list-page--new-item', 'gform-input--desk'], by.buttonText('Sports Desk')).click();

        el(['list-page--new-item', 'item-view-edit--save']).click();

        browser.wait(ECE.hasElementCount(items, 4));
    });

    it('can edit existing item', () => {
        var items = els(['list-page--items', 'internal-destinations-item']);

        browser.wait(ECE.hasElementCount(items, 3));

        var firstItem = items.get(0);

        hover(firstItem); // in order for action buttons to show up

        el(['edit'], null, firstItem).click();

        el(['list-page--view-edit', 'gform-input--name']).sendKeys('7');

        el(['list-page--view-edit', 'item-view-edit--save']).click();

        browser.wait(ECE.textToBePresentInElement(el(['gform-output--name'], null, firstItem), 'alpha7'));
    });

    it('can preview items', () => {
        var items = els(['list-page--items', 'internal-destinations-item']);

        browser.wait(ECE.hasElementCount(items, 3));

        items.get(0).click();

        browser.wait(ECE.textToBePresentInElementValue(el(['list-page--view-edit', 'gform-input--name']), 'alpha'));

        items.get(1).click();
        browser.wait(ECE.textToBePresentInElementValue(el(['list-page--view-edit', 'gform-input--name']), 'bravo'));

        items.get(2).click();
        browser.wait(ECE.textToBePresentInElementValue(el(['list-page--view-edit', 'gform-input--name']), 'charlie'));
    });

    it('does not allow previewing when in edit mode', () => {
        var items = els(['list-page--items', 'internal-destinations-item']);

        browser.wait(ECE.presenceOf(items.get(0)));
        items.get(0).click();

        browser.wait(ECE.textToBePresentInElementValue(el(['list-page--view-edit', 'gform-input--name']), 'alpha'));

        hover(items.get(1)); // in order for action buttons to show up

        el(['edit'], null, items.get(1)).click();

        items.get(0).click();

        // `browser.wait` can't be used here, because I need to make sure that the value does **not** change
        browser.sleep(5000);

        expect(el(['list-page--view-edit', 'gform-input--name']).getText()).not.toBe('alpha');
    });

    it('can delete an item', () => {
        var items = els(['list-page--items', 'internal-destinations-item']);

        browser.wait(ECE.hasElementCount(items, 3));

        var firstItem = items.get(0);

        hover(firstItem); // in order for action buttons to show up

        el(['delete'], null, firstItem).click();

        element(by.buttonText('OK')).click(); // confirm
        browser.wait(ECE.hasElementCount(items, 2));
    });

    it('can cancel deletion', () => {
        var items = els(['list-page--items', 'internal-destinations-item']);

        browser.wait(ECE.hasElementCount(items, 3));

        var firstItem = items.get(0);

        hover(firstItem); // in order for action buttons to show up

        el(['delete'], null, firstItem).click();

        element(by.buttonText('Cancel')).click(); // cancel modal

        browser.wait(ECE.hasElementCount(items, 3));
    });

    it('can sort items', () => {
        var items = els(['list-page--items', 'internal-destinations-item']);

        browser.wait(ECE.hasElementCount(items, 3));

        // open dropdown
        el(['sortbar--selected']).click();

        element(s(['sortbar--option'], 'Destination name')).click();

        browser.wait(ECE.visibilityOf(el(['sortbar--sort-ascending'])));
        expect(el(['gform-output--name'], null, items.get(0)).getText()).toBe('alpha');
        expect(el(['gform-output--name'], null, items.get(1)).getText()).toBe('bravo');
        expect(el(['gform-output--name'], null, items.get(2)).getText()).toBe('charlie');

        el(['sortbar--sort-ascending']).click();
        browser.wait(ECE.textToBePresentInElement(el(['gform-output--name'], null, items.get(0)), 'charlie'));
        browser.wait(ECE.textToBePresentInElement(el(['gform-output--name'], null, items.get(1)), 'bravo'));
        browser.wait(ECE.textToBePresentInElement(el(['gform-output--name'], null, items.get(2)), 'alpha'));
    });

    it('can filter items', () => {
        var items = els(['list-page--items', 'internal-destinations-item']);

        browser.wait(ECE.hasElementCount(items, 3));

        el(['toggle-filters']).click();

        el(['list-page--filters-form', 'gform-input--desk']).click();
        el(['list-page--filters-form', 'gform-input--desk'], by.buttonText('Politic Desk')).click();
        el(['list-page--filters-form', 'filters-submit']).click();

        browser.wait(ECE.hasElementCount(items, 1));
        expect(el(['gform-output--name'], null, items.get(0)).getText()).toBe('bravo');

        el(['list-page--filters-form', 'gform-input--desk']).click();
        el(['list-page--filters-form', 'gform-input--desk'], by.buttonText('Sports Desk')).click();
        el(['list-page--filters-form', 'filters-submit']).click();

        browser.wait(ECE.hasElementCount(items, 2));
        expect(el(['gform-output--name'], null, items.get(0)).getText()).toBe('alpha');
        expect(el(['gform-output--name'], null, items.get(1)).getText()).toBe('charlie');
    });

    it('can display and remove active filters', () => {
        var items = els(['list-page--items', 'internal-destinations-item']);

        browser.wait(ECE.hasElementCount(items, 3));
        expect(els(['list-page--filters-active', 'tag-label']).count()).toBe(0);

        el(['toggle-filters']).click();

        el(['list-page--filters-form', 'gform-input--desk']).click();
        el(['list-page--filters-form', 'gform-input--desk'], by.buttonText('Sports Desk')).click();
        el(['list-page--filters-form', 'filters-submit']).click();
        browser.wait(ECE.hasElementCount(items, 2));
        expect(els(['list-page--filters-active', 'tag-label']).count()).toBe(1);

        var activeFilter = els(['list-page--filters-active', 'tag-label']).get(0);

        browser.wait(ECE.attributeEquals(activeFilter, 'textContent', 'desk: Sports Desk'));

        el(['tag-label--remove'], null, activeFilter).click();

        browser.wait(ECE.hasElementCount(items, 3));
        expect(els(['list-page--filters-active', 'tag-label']).count()).toBe(0);
    });
});