alfresco-ng2-components/e2e/pages/adf/settingsPage.ts

/*!
 * @license
 * Copyright 2016 Alfresco Software, Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import TestConfig = require('../../test.config');
import Util = require('../../util/util');
import { element, by, browser } from 'protractor';

export class SettingsPage {

    settingsURL = TestConfig.adf.url + TestConfig.adf.port + '/settings';
    providerDropdown = element(by.css('mat-select[aria-label="Provider"] div[class="mat-select-arrow-wrapper"]'));
    ecmAndBpm = {
        option: element(by.xpath('//SPAN[@class="mat-option-text"][contains(text(),"ALL")]')),
        text: 'ALL'
    };
    bpm = {
        option: element(by.xpath('//SPAN[@class="mat-option-text"][contains(text(),"BPM") and not (contains(text(),"and"))]')),
        text: 'BPM'
    };
    ecm = {
        option: element(by.xpath('//SPAN[@class="mat-option-text"][contains(text(),"ECM") and not (contains(text(),"and"))]')),
        text: 'ECM'
    };
    oauth = {
        option: element(by.xpath('//SPAN[@class="mat-option-text"][contains(text(),"OAUTH")]')),
        text: 'OAUTH'
    };
    selectedOption = element.all(by.css('span[class*="ng-star-inserted"]')).first();
    ecmText = element(by.css('input[data-automation-id*="ecmHost"]'));
    bpmText = element(by.css('input[data-automation-id*="bpmHost"]'));
    authHostText = element(by.css('input[id="oauthHost"]'));
    ssoRadioButton = element(by.cssContainingText('[id*="mat-radio"]', 'SSO'));
    silentLoginToggleLabel = element(by.css('mat-slide-toggle[name="silentLogin"] label'));
    silentLoginToggleElement = element(by.css('mat-slide-toggle[name="silentLogin"]'));
    implicitFlowLabel = element(by.css('mat-slide-toggle[name="implicitFlow"] label'));
    implicitFlowElement = element(by.css('mat-slide-toggle[name="implicitFlow"]'));
    applyButton = element(by.css('button[data-automation-id*="host-button"]'));

    goToSettingsPage() {
        browser.driver.get(this.settingsURL);
        Util.waitUntilElementIsVisible(this.providerDropdown);
        return this;
    }

    setProvider(option, selected) {
        Util.waitUntilElementIsVisible(this.providerDropdown);
        this.providerDropdown.click();
        Util.waitUntilElementIsVisible(option);
        option.click();
        return expect(this.selectedOption.getText()).toEqual(selected);
    }

    setProviderEcmBpm() {
        this.goToSettingsPage();
        this.setProvider(this.ecmAndBpm.option, this.ecmAndBpm.text);
        Util.waitUntilElementIsVisible(this.bpmText);
        Util.waitUntilElementIsVisible(this.ecmText);
        this.clickApply();
        return this;
    }

    setProviderBpm() {
        this.goToSettingsPage();
        this.setProvider(this.bpm.option, this.bpm.text);
        Util.waitUntilElementIsVisible(this.bpmText);
        expect(this.ecmText.isPresent()).toBe(false);
        this.clickApply();
        return this;
    }

    setProviderEcm() {
        this.goToSettingsPage();
        this.setProvider(this.ecm.option, this.ecm.text);
        Util.waitUntilElementIsVisible(this.ecmText);
        expect(this.bpmText.isPresent()).toBe(false);
        this.clickApply();
        return this;
    }

    setProviderOauth() {
        this.goToSettingsPage();
        this.setProvider(this.oauth.option, this.oauth.text);
        Util.waitUntilElementIsVisible(this.bpmText);
        Util.waitUntilElementIsVisible(this.ecmText);
        expect(this.authHostText.isPresent()).toBe(true);
        this.clickApply();
        return this;
    }

    async clickSsoRadioButton () {
        Util.waitUntilElementIsVisible(this.ssoRadioButton);
        await this.ssoRadioButton.click();
    }

    async setProviderBpmSso (processServiceURL, authHost, silentLogin = true, implicitFlow = true ) {
        this.goToSettingsPage();
        this.setProvider(this.bpm.option, this.bpm.text);
        Util.waitUntilElementIsVisible(this.bpmText);
        Util.waitUntilElementIsNotOnPage(this.ecmText);
        await this.clickSsoRadioButton();
        await this.setProcessServicesURL(processServiceURL);
        await this.setAuthHost(authHost);
        await this.setSilentLogin(silentLogin);
        await this.setImplicitFlow(implicitFlow);
        await this.clickApply();
    }

    async setProcessServicesURL (processServiceURL) {
        Util.waitUntilElementIsVisible(this.bpmText);
        await this.bpmText.clear();
        await this.bpmText.sendKeys(processServiceURL);
    }

    async setAuthHost (authHostURL) {
        Util.waitUntilElementIsVisible(this.authHostText);
        await this.authHostText.clear();
        await this.authHostText.sendKeys(authHostURL);
    }

    async clickApply () {
        Util.waitUntilElementIsVisible(this.applyButton);
        await this.applyButton.click();
    }

    async setSilentLogin (enableToggle) {
        await Util.waitUntilElementIsVisible(this.silentLoginToggleElement);

        const isChecked = (await this.silentLoginToggleElement.getAttribute('class')).includes('mat-checked');

        if (isChecked && !enableToggle || !isChecked && enableToggle) {
            return this.silentLoginToggleLabel.click();
        }

        return Promise.resolve();
    }

    async setImplicitFlow (enableToggle) {
        await Util.waitUntilElementIsVisible(this.implicitFlowElement);

        const isChecked = (await this.implicitFlowElement.getAttribute('class')).includes('mat-checked');

        if (isChecked && !enableToggle || !isChecked && enableToggle) {
            return this.implicitFlowLabel.click();
        }

        return Promise.resolve();
    }

    checkProviderDropdownIsDisplayed() {
        Util.waitUntilElementIsVisible(this.providerDropdown);
    }
}