/*!
 * @license
 * Alfresco Example Content Application
 *
 * Copyright (C) 2005 - 2017 Alfresco Software Limited
 *
 * This file is part of the Alfresco Example Content Application.
 * If the software was purchased under a paid Alfresco license, the terms of
 * the paid license agreement will prevail.  Otherwise, the software is
 * provided under the following open source license terms:
 *
 * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * The Alfresco Example Content Application is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
 */

import { protractor, browser, by, ElementFinder } from 'protractor';

import { SIDEBAR_LABELS, BROWSER_WAIT_TIMEOUT, SITE_VISIBILITY, SITE_ROLES } from '../../configs';
import { LoginPage, LogoutPage, BrowsingPage } from '../../pages/pages';
import { CreateOrEditFolderDialog } from '../../components/dialog/create-edit-folder-dialog';
import { Utils } from '../../utilities/utils';
import { RepoClient, NodeContentTree } from '../../utilities/repo-client/repo-client';

describe('Create folder', () => {
    const username = `user-${Utils.random()}`;

    const parent = `parent-${Utils.random()}`;
    const folderName1 = `folder-${Utils.random()}`;
    const folderName2 = `folder-${Utils.random()}`;
    const folderDescription = 'description of my folder';
    const duplicateFolderName = `folder-${Utils.random()}`;
    const nameWithSpaces = ` folder-${Utils.random()} `;

    const siteName = `site-private-${Utils.random()}`;

    const apis = {
        admin: new RepoClient(),
        user: new RepoClient(username, username)
    };

    const loginPage = new LoginPage();
    const logoutPage = new LogoutPage();
    const personalFilesPage = new BrowsingPage();
    const createDialog = new CreateOrEditFolderDialog();
    const { dataTable } = personalFilesPage;

    function openCreateDialog(): any {
        return personalFilesPage.sidenav.openNewMenu()
            .then(menu => menu.clickMenuItem('Create folder'))
            .then(() => createDialog.waitForDialogToOpen());
    }

    beforeAll(done => {
        apis.admin.people.createUser(username)
            .then(() => apis.admin.sites.createSite(siteName, SITE_VISIBILITY.PRIVATE))
            .then(() => apis.admin.nodes.createFolders([ folderName1 ], `Sites/${siteName}/documentLibrary`))
            .then(() => apis.admin.sites.addSiteMember(siteName, username, SITE_ROLES.SITE_CONSUMER))
            .then(() => apis.user.nodes.createFolders([ duplicateFolderName ], parent))
            .then(() => loginPage.load())
            .then(() => loginPage.loginWith(username))
            .then(done);
    });

    beforeEach(done => {
        personalFilesPage.sidenav.navigateToLinkByLabel(SIDEBAR_LABELS.PERSONAL_FILES)
            .then(() => dataTable.waitForHeader())
            .then(done);
    });

    afterEach(done => {
        browser.actions().sendKeys(protractor.Key.ESCAPE).perform().then(done);
    });

    afterAll(done => {
        Promise
            .all([
                apis.admin.sites.deleteSite(siteName),
                apis.user.nodes.deleteNodes([ parent ]),
                logoutPage.load()
            ])
            .then(done);
    });

    it('option is enabled when having enough permissions', () => {
        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => personalFilesPage.sidenav.openNewMenu())
            .then(menu => {
                const isEnabled = menu.getItemByLabel('Create folder').isEnabled();
                expect(isEnabled).toBe(true, 'Create folder is not enabled');
            });
    });

    it('creates new folder with name', () => {
        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => openCreateDialog())
            .then(() => createDialog.enterName(folderName1))
            .then(() => createDialog.clickCreate())
            .then(() => createDialog.waitForDialogToClose())
            .then(() => dataTable.waitForHeader())
            .then(() => {
                const isPresent = dataTable.getRowByName(folderName1).isPresent();
                expect(isPresent).toBe(true, 'Folder not displayed in list view');
            });
    });

    it('creates new folder with name and description', () => {
        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => openCreateDialog())
            .then(() => createDialog.enterName(folderName2))
            .then(() => createDialog.enterDescription(folderDescription))
            .then(() => createDialog.clickCreate())
            .then(() => createDialog.waitForDialogToClose())
            .then(() => dataTable.waitForHeader())
            .then(() => {
                const isPresent = dataTable.getRowByName(folderName2).isPresent();
                expect(isPresent).toBe(true, 'Folder not displayed in list view');
            })
            .then(() => {
                expect(apis.user.nodes.getNodeDescription(folderName2)).toEqual(folderDescription);
            });
    });

    it('enabled option tooltip', () => {
        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => personalFilesPage.sidenav.openNewMenu())
            .then(menu => browser.actions().mouseMove(menu.getItemByLabel('Create folder')).perform()
                .then(() => menu))
            .then(menu => {
                expect(menu.getItemTooltip('Create folder')).toContain('Create new folder');
            });
    });

    it('option is disabled when not enough permissions', () => {
        const fileLibrariesPage = new BrowsingPage();

        fileLibrariesPage.sidenav.navigateToLinkByLabel(SIDEBAR_LABELS.FILE_LIBRARIES)
            .then(() => fileLibrariesPage.dataTable.doubleClickOnItemName(siteName))
            .then(() => fileLibrariesPage.dataTable.doubleClickOnItemName(folderName1))
            .then(() => fileLibrariesPage.sidenav.openNewMenu())
            .then(menu => {
                const isEnabled = menu.getItemByLabel('Create folder').isEnabled();
                expect(isEnabled).toBe(false, 'Create folder is not disabled');
            });
    });

    it('disabled option tooltip', () => {
        const fileLibrariesPage = new BrowsingPage();

        fileLibrariesPage.sidenav.navigateToLinkByLabel(SIDEBAR_LABELS.FILE_LIBRARIES)
            .then(() => fileLibrariesPage.dataTable.doubleClickOnItemName(siteName))
            .then(() => fileLibrariesPage.dataTable.doubleClickOnItemName(folderName1))
            .then(() => fileLibrariesPage.sidenav.openNewMenu())
            .then(menu => browser.actions().mouseMove(menu.getItemByLabel('Create folder')).perform()
                .then(() => menu))
            .then(menu => {
                const tooltip = menu.getItemTooltip('Create folder');
                expect(tooltip).toContain(`You can't create a folder here`);
            });
    });

    it('dialog UI elements', () => {
        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => openCreateDialog())
            .then(() => {
                const dialogTitle = createDialog.getTitle();
                const isFolderNameDisplayed = createDialog.nameInput.isDisplayed();
                const isDescriptionDisplayed = createDialog.descriptionTextArea.isDisplayed();
                const isCreateEnabled = createDialog.createButton.isEnabled();
                const isCancelEnabled = createDialog.cancelButton.isEnabled();

                expect(dialogTitle).toMatch('Create new folder');
                expect(isFolderNameDisplayed).toBe(true, 'Name input is not displayed');
                expect(isDescriptionDisplayed).toBe(true, 'Description field is not displayed');
                expect(isCreateEnabled).toBe(false, 'Create button is not disabled');
                expect(isCancelEnabled).toBe(true, 'Cancel button is not enabled');
            });
    });

    it('with empty folder name', () => {
        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => openCreateDialog())
            .then(() => createDialog.deleteNameWithBackspace())
            .then(() => {
                const isCreateEnabled = createDialog.createButton.isEnabled();
                const validationMessage = createDialog.getValidationMessage();

                expect(isCreateEnabled).toBe(false, 'Create button is enabled');
                expect(validationMessage).toMatch('Folder name is required');
            });
    });

    it('with folder name ending with a dot "."', () => {
        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => openCreateDialog())
            .then(() => createDialog.enterName('folder-name.'))
            .then(dialog => {
                const isCreateEnabled = dialog.createButton.isEnabled();
                const validationMessage = dialog.getValidationMessage();

                expect(isCreateEnabled).toBe(false, 'Create button is not disabled');
                expect(validationMessage).toMatch(`Folder name can't end with a period .`);
            });
    });

    it('with folder name containing special characters', () => {
        const namesWithSpecialChars = [ 'a*a', 'a"a', 'a<a', 'a>a', `a\\a`, 'a/a', 'a?a', 'a:a', 'a|a' ];

        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => openCreateDialog())
            .then(() => namesWithSpecialChars.forEach(name => {
                createDialog.enterName(name);

                const isCreateEnabled = createDialog.createButton.isEnabled();
                const validationMessage = createDialog.getValidationMessage();

                expect(isCreateEnabled).toBe(false, 'Create button is not disabled');
                expect(validationMessage).toContain(`Folder name can't contain these characters`);
            }));
    });

    it('with folder name containing only spaces', () => {
        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => openCreateDialog())
            .then(() => createDialog.enterName('    '))
            .then(dialog => {
                const isCreateEnabled = dialog.createButton.isEnabled();
                const validationMessage = dialog.getValidationMessage();

                expect(isCreateEnabled).toBe(false, 'Create button is not disabled');
                expect(validationMessage).toMatch(`Folder name can't contain only spaces`);
            });
    });

    it('cancel folder creation', () => {
        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => openCreateDialog())
            .then(() => createDialog.enterName('test'))
            .then(() => createDialog.enterDescription('test description'))
            .then(() => createDialog.clickCancel())
            .then(() => {
                expect(createDialog.component.isPresent()).not.toBe(true, 'dialog is not closed');
            });
    });

    it('duplicate folder name', () => {
        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => openCreateDialog())
            .then(() => createDialog.enterName(duplicateFolderName))
            .then(() => createDialog.clickCreate())
            .then(() => personalFilesPage.getSnackBarMessage())
            .then(message => {
                expect(message).toEqual(`There's already a folder with this name. Try a different name.`);
                expect(createDialog.component.isPresent()).toBe(true, 'dialog is not present');
            });
    });

    it('trim ending spaces from folder name', () => {
        personalFilesPage.dataTable.doubleClickOnItemName(parent)
            .then(() => openCreateDialog())
            .then(() => createDialog.enterName(nameWithSpaces))
            .then(() => createDialog.clickCreate())
            .then(() => createDialog.waitForDialogToClose())
            .then(() => dataTable.waitForHeader())
            .then(() => {
                const isPresent = dataTable.getRowByName(nameWithSpaces.trim()).isPresent();
                expect(isPresent).toBe(true, 'Folder not displayed in list view');
            });
    });
});