alfresco-ng2-components/e2e/process-services-cloud/form-field/people-group-of-people.e2e.ts

/*!
 * @license
 * Copyright © 2005-2024 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * 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 { FormCloudComponentPage, FormPage, LoginPage, ProcessCloudWidgetPage } from '@alfresco/adf-testing';
import {
    peopleSingleModeFormMock,
    peopleMultipleModeFormMock,
    peopleRequiredFormMock,
    groupSingleModeFormMock,
    groupMultipleModeFormMock,
    groupRequiredFormMock,
    peopleReadOnlyFormMock,
    groupReadOnlyFormMock
} from '../../resources/forms/people-group-formwidget-mocks';
import { NavigationBarPage } from '../../core/pages/navigation-bar.page';

describe('People and Group of people Widgets', () => {
    const loginSSOPage = new LoginPage();
    const navigationBarPage = new NavigationBarPage();
    const formCloudComponentPage = new FormCloudComponentPage();
    const widget = new ProcessCloudWidgetPage();
    const formPage = new FormPage();

    const peopleCloudWidget = widget.peopleCloudWidget();
    const groupCloudWidget = widget.groupCloudWidget();

    const widgets = {
        peopleCloudWidgetSingleModeId: 'PeopleSingleMode',
        peopleCloudWidgetMultipleModeId: 'PeopleMultipleMode',
        peopleCloudWidgetReadOnlyId: 'PeopleReadOnly',
        peopleCloudWidgetRequiredId: 'PeopleRequired',
        groupCloudWidgetSingleModeId: 'GroupSingleMode',
        groupCloudWidgetMultipleModeId: 'GroupMultipleMode',
        groupCloudWidgetReadOnlyId: 'GroupReadOnly',
        groupCloudWidgetRequiredId: 'GroupRequired'
    };

    const peopleValueString = {
        peopleCloudWidgetSingleModeField: 'PeopleSingleMode',
        peopleCloudWidgetMultipleModeField: 'PeopleMultipleMode',
        peopleCloudWidgetReadOnlyField: 'PeopleReadOnly',
        peopleCloudWidgetRequiredField: 'PeopleRequired'
    };

    const groupValueString = {
        groupCloudWidgetSingleModeField: 'GroupSingleMode',
        groupCloudWidgetMultipleModeField: 'GroupMultipleMode',
        groupCloudWidgetReadOnlyField: 'GroupReadOnly',
        groupCloudWidgetRequiredField: 'GroupRequired'
    };

    beforeAll(async () => {
        await loginSSOPage.loginWithProfile('hrUser');
        await navigationBarPage.navigateToFormCloudPage();
    });

    it('[C325002] Should be able to add a user in People field when Single mode is chosen', async () => {
        await formCloudComponentPage.setConfigToEditor(peopleSingleModeFormMock);

        await peopleCloudWidget.clickPeopleInput(widgets.peopleCloudWidgetSingleModeId);
        await peopleCloudWidget.isPeopleWidgetVisible(peopleValueString.peopleCloudWidgetSingleModeField);
        const peopleSingleMode = await peopleCloudWidget.getFieldValue(widgets.peopleCloudWidgetSingleModeId);
        expect(peopleSingleMode).toEqual('');

        await peopleCloudWidget.searchAssigneeAndSelect('HR User');
        await peopleCloudWidget.checkSelectedPeople('HR User');
    });

    it('[C325122] Should be able to add multiple users in People field when Multiple mode is chosen', async () => {
        await formCloudComponentPage.setConfigToEditor(peopleMultipleModeFormMock);

        await peopleCloudWidget.clickPeopleInput(widgets.peopleCloudWidgetMultipleModeId);
        await peopleCloudWidget.isPeopleWidgetVisible(peopleValueString.peopleCloudWidgetMultipleModeField);
        const peopleMultipleMode = await peopleCloudWidget.getFieldValue(widgets.peopleCloudWidgetMultipleModeId);
        expect(peopleMultipleMode).toEqual('');

        await peopleCloudWidget.searchAssigneeAndSelect('HR User');
        await peopleCloudWidget.searchAssigneeAndSelect('Sales User');
        await peopleCloudWidget.checkSelectedPeople('HR User');
        await peopleCloudWidget.checkSelectedPeople('Sales User');
    });

    it('[C325182] Should not be able to type in the People field if the readOnly option is checked', async () => {
        await formCloudComponentPage.setConfigToEditor(peopleReadOnlyFormMock);

        const readOnlyAttribute = await peopleCloudWidget.checkPeopleWidgetIsReadOnly();
        const activePeopleField = await peopleCloudWidget.checkPeopleActiveField('HR User');

        expect(readOnlyAttribute).toBe(true);
        expect(activePeopleField).toBe(false);
    });

    it('[C325004] Should save button be enabled for both valid and invalid inputs in the People field', async () => {
        await formCloudComponentPage.setConfigToEditor(peopleRequiredFormMock);

        await peopleCloudWidget.isPeopleWidgetVisible(peopleValueString.peopleCloudWidgetRequiredField);
        expect(await formPage.isSaveButtonDisabled()).toBe(false);
        expect(await formPage.isValidationIconRed()).toBe(true);

        const requiredPeople = await peopleCloudWidget.getFieldValue(widgets.peopleCloudWidgetRequiredId);
        expect(requiredPeople).toEqual('');
        await peopleCloudWidget.searchAssigneeAndSelect('HR User');

        await peopleCloudWidget.checkSelectedPeople('HR User');
        expect(await formPage.isSaveButtonDisabled()).toBe(false);
        expect(await formPage.isValidationIconBlue()).toBe(true);
    });

    it('[C325003] Should be able to add a user in Group of people field when Single mode is chosen', async () => {
        await formCloudComponentPage.setConfigToEditor(groupSingleModeFormMock);

        await groupCloudWidget.isGroupWidgetVisible(groupValueString.groupCloudWidgetSingleModeField);
        const groupSingleMode = await groupCloudWidget.getGroupsFieldContent();
        expect(groupSingleMode).toEqual('');

        await groupCloudWidget.searchGroups('hr');
        await groupCloudWidget.selectGroupFromList('hr');
        await groupCloudWidget.checkSelectedGroup('hr');
    });

    it('[C325123] Should be able to add multiple users in Group of people field when Multiple mode is chosen', async () => {
        await formCloudComponentPage.setConfigToEditor(groupMultipleModeFormMock);

        await groupCloudWidget.isGroupWidgetVisible(groupValueString.groupCloudWidgetMultipleModeField);
        const groupSingleMode = await groupCloudWidget.getGroupsFieldContent();
        expect(groupSingleMode).toEqual('');

        await groupCloudWidget.searchGroups('hr');
        await groupCloudWidget.selectGroupFromList('hr');
        await groupCloudWidget.searchGroups('sales');
        await groupCloudWidget.selectGroupFromList('sales');
        await groupCloudWidget.checkSelectedGroup('hr');
        await groupCloudWidget.checkSelectedGroup('sales');
    });

    it('[C325183] Should not be able to type in the Group field if the readOnly option is checked', async () => {
        await formCloudComponentPage.setConfigToEditor(groupReadOnlyFormMock);

        const readOnlyGroupAttribute = await groupCloudWidget.checkGroupWidgetIsReadOnly();
        const activeGroupField = await groupCloudWidget.checkGroupActiveField('hr');

        expect(readOnlyGroupAttribute).toBe(true);
        expect(activeGroupField).toBe(false);
    });

    it('[C325005] Should save button be enabled for both valid and invalid inputs in the Group of people field', async () => {
        await formCloudComponentPage.setConfigToEditor(groupRequiredFormMock);

        await groupCloudWidget.isGroupWidgetVisible(groupValueString.groupCloudWidgetRequiredField);
        expect(await formPage.isSaveButtonDisabled()).toBe(false);
        expect(await formPage.isValidationIconRed()).toBe(true);

        const groupRequired = await groupCloudWidget.getGroupsFieldContent();
        expect(groupRequired).toEqual('');
        await groupCloudWidget.searchGroups('hr');
        await groupCloudWidget.selectGroupFromList('hr');

        await groupCloudWidget.checkSelectedGroup('hr');
        expect(await formPage.isSaveButtonDisabled()).toBe(false);
        expect(await formPage.isValidationIconBlue()).toBe(true);
    });
});