[AAE-1152] added e2e tests for People and Group of people - CloudWidgets (#5372)

* [AAE-1152] added e2e tests for People and Group of people - CloudWidgets

* [AAE-1152] made code more readable

* [AAE-1152] added public-api file

* Fixing import in index.ts

* refactoring and creating public-api file

e2e/process-services-cloud/form-field/date-widget.e2e.ts

@@ -17,8 +17,7 @@
 
 import {
     LoginSSOPage,
-    Widget,
-    BrowserActions, FormPage
+    BrowserActions, FormPage, ProcessCloudWidgetPage
 } from '@alfresco/adf-testing';
 import { browser } from 'protractor';
 import { customDateFormAPS2 } from '../../resources/forms/custom-date-form';
@@ -26,7 +25,7 @@ import { FormCloudDemoPage } from '../../pages/adf/demo-shell/process-services-c
 
 describe('Form Field Component - Dropdown Widget', () => {
     const loginSSOPage = new LoginSSOPage();
-    const widget = new Widget();
+    const widget = new ProcessCloudWidgetPage();
     const dateWidget = widget.dateWidget();
 
     const formDemoPage = new FormCloudDemoPage();

e2e/process-services-cloud/form-field/dropdown-widget.e2e.ts

@@ -17,9 +17,9 @@
 
 import {
     ApiService, AppListCloudPage, GroupIdentityService, IdentityService,
-    LoginSSOPage, NotificationHistoryPage, ProcessDefinitionsService,
+    LoginSSOPage, NotificationHistoryPage, ProcessCloudWidgetPage, ProcessDefinitionsService,
     ProcessInstancesService, QueryService, TaskFormCloudComponent, TaskHeaderCloudPage,
-    TasksService, Widget
+    TasksService
 } from '@alfresco/adf-testing';
 import { browser } from 'protractor';
 import { TasksCloudDemoPage } from '../../pages/adf/demo-shell/process-services/tasksCloudDemoPage';
@@ -33,7 +33,7 @@ describe('Form Field Component - Dropdown Widget', () => {
     const taskFormCloudComponent = new TaskFormCloudComponent();
     const notificationHistoryPage = new NotificationHistoryPage();
     const taskHeaderCloudPage = new TaskHeaderCloudPage();
-    const widget = new Widget();
+    const widget = new ProcessCloudWidgetPage();
     const dropdown = widget.dropdown();
     const apiService = new ApiService(
         browser.params.config.oauth2.clientId,

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

@@ -0,0 +1,157 @@
+/*!
+ * @license
+ * Copyright 2019 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 {
+    FormPage,
+    LoginSSOPage,
+    ProcessCloudWidgetPage
+} from '@alfresco/adf-testing';
+import { browser } from 'protractor';
+import { FormCloudDemoPage } from '../../pages/adf/demo-shell/process-services-cloud/cloudFormDemoPage';
+import { peopleJson, peopleMultipleModeJson, peopleRequiredJson, groupSingleJson, groupMultipleJson, groupRequiredJson } from '../../resources/forms/people-group-formwidget-json';
+import { NavigationBarPage } from '../../pages/adf/navigationBarPage';
+import { AlfrescoApiCompatibility as AlfrescoApi } from '@alfresco/js-api';
+
+describe('People and Group of people Widgets', () => {
+    const loginSSOPage = new LoginSSOPage();
+    const navigationBarPage = new NavigationBarPage();
+    const formCloudDemoPage = new FormCloudDemoPage();
+    const widget = new ProcessCloudWidgetPage();
+    const peopleCloudWidget = widget.peopleCloudWidget();
+    const groupCloudWidget = widget.groupCloudWidget();
+    const formPage = new FormPage();
+
+    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 () => {
+        this.alfrescoJsApi = new AlfrescoApi({
+            provider: 'BPM',
+            hostBpm: browser.params.testConfig.adf_aps.host
+        });
+
+        await loginSSOPage.loginSSOIdentityService(browser.params.testConfig.hrUser.email, browser.params.testConfig.hrUser.password);
+
+        await navigationBarPage.navigateToFormCloudPage();
+    });
+
+    it('[C325002] Should be able to add a user in People field when Single mode is chosen', async () => {
+        await formCloudDemoPage.setConfigToEditor(peopleJson);
+        await peopleCloudWidget.clickPeopleInput(widgets.peopleCloudWidgetSingleModeId);
+        await peopleCloudWidget.isPeopleWidgetVisible(peopleValueString.peopleCloudWidgetSingleModeField);
+        let peopleSingleMode = await peopleCloudWidget.getFieldValue(widgets.peopleCloudWidgetSingleModeId);
+        await expect(peopleSingleMode).toEqual('');
+
+        await peopleCloudWidget.searchAssigneeAndSelect('HR User');
+        peopleSingleMode = await peopleCloudWidget.getAssigneeFieldContent();
+        await expect(peopleSingleMode).toEqual('HR User');
+    });
+
+    it('[C325122] Should be able to add multiple users in People field when Multiple mode is chosen', async () => {
+        await formCloudDemoPage.setConfigToEditor(peopleMultipleModeJson);
+        await peopleCloudWidget.clickPeopleInput(widgets.peopleCloudWidgetMultipleModeId);
+        await peopleCloudWidget.isPeopleWidgetVisible(peopleValueString.peopleCloudWidgetMultipleModeField);
+        const peopleMultipleMode = await peopleCloudWidget.getFieldValue(widgets.peopleCloudWidgetMultipleModeId);
+        await expect(peopleMultipleMode).toEqual('');
+
+        await peopleCloudWidget.searchAssigneeAndSelect('HR User');
+        await peopleCloudWidget.searchAssigneeAndSelect('Sales User');
+        await peopleCloudWidget.checkSelectedPeople('HR User');
+        await peopleCloudWidget.checkSelectedPeople('Sales User');
+    });
+
+    it('[C325004] Should be able to save only for valid input in the People  field if the Required option is selected ', async () => {
+        await formCloudDemoPage.setConfigToEditor(peopleRequiredJson);
+        await peopleCloudWidget.isPeopleWidgetVisible(peopleValueString.peopleCloudWidgetRequiredField);
+        await expect(await formPage.isSaveButtonDisabled()).toBe(true);
+        await expect(await formPage.isValidationIconRed()).toBe(true);
+
+        let requiredPeople = await peopleCloudWidget.getFieldValue(widgets.peopleCloudWidgetRequiredId);
+        await expect(requiredPeople).toEqual('');
+        await peopleCloudWidget.searchAssigneeAndSelect('HR User');
+        requiredPeople = await peopleCloudWidget.getAssigneeFieldContent();
+
+        await expect(requiredPeople).toEqual('HR User');
+        await expect(await formPage.isSaveButtonDisabled()).toBe(false);
+        await 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 formCloudDemoPage.setConfigToEditor(groupSingleJson);
+        await groupCloudWidget.isGroupWidgetVisible(groupValueString.groupCloudWidgetSingleModeField);
+        let groupSingleMode = await groupCloudWidget.getGroupsFieldContent();
+        await expect(groupSingleMode).toEqual('');
+
+        await groupCloudWidget.searchGroups('hr');
+        await groupCloudWidget.selectGroupFromList('hr');
+        groupSingleMode = await groupCloudWidget.getGroupsFieldContent();
+        await expect(groupSingleMode).toEqual('hr');
+    });
+
+    it('[C325123] Should be able to add multiple users in Group of people field when Multiple mode is chosen', async () => {
+        await formCloudDemoPage.setConfigToEditor(groupMultipleJson);
+        await groupCloudWidget.isGroupWidgetVisible(groupValueString.groupCloudWidgetMultipleModeField);
+        const groupSingleMode = await groupCloudWidget.getGroupsFieldContent();
+        await 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('[C325005] Should be able to save only for valid input in the Group of people field if the Required option is selected', async () => {
+        await formCloudDemoPage.setConfigToEditor(groupRequiredJson);
+        await groupCloudWidget.isGroupWidgetVisible(groupValueString.groupCloudWidgetRequiredField);
+        await expect(await formPage.isSaveButtonDisabled()).toBe(true);
+        await expect(await formPage.isValidationIconRed()).toBe(true);
+
+        let groupRequired = await groupCloudWidget.getGroupsFieldContent();
+        await expect(groupRequired).toEqual('');
+        await groupCloudWidget.searchGroups('hr');
+        await groupCloudWidget.selectGroupFromList('hr');
+        groupRequired = await groupCloudWidget.getGroupsFieldContent();
+
+        await expect(groupRequired).toEqual('hr');
+        await expect(await formPage.isSaveButtonDisabled()).toBe(false);
+        await expect(await formPage.isValidationIconBlue()).toBe(true);
+    });
+});

e2e/process-services-cloud/form-field/visibility-condition-tabs.e2e.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { LoginSSOPage, Widget } from '@alfresco/adf-testing';
+import { LoginSSOPage, ProcessCloudWidgetPage } from '@alfresco/adf-testing';
 import { browser } from 'protractor';
 
 import { AlfrescoApiCompatibility as AlfrescoApi } from '@alfresco/js-api';
@@ -31,7 +31,7 @@ describe('Visibility conditions on tabs - cloud', () => {
 
     const navigationBarPage = new NavigationBarPage();
     const formCloudDemoPage = new FormCloudDemoPage();
-    const widget = new Widget();
+    const widget = new ProcessCloudWidgetPage();
 
     const widgets = {
         textOneId: 'TextOne',

e2e/process-services-cloud/form-field/visibility-condition.e2e.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { LoginSSOPage, Widget } from '@alfresco/adf-testing';
+import { LoginSSOPage, ProcessCloudWidgetPage } from '@alfresco/adf-testing';
 import { browser } from 'protractor';
 
 import { AlfrescoApiCompatibility as AlfrescoApi } from '@alfresco/js-api';
@@ -31,7 +31,7 @@ describe('Visibility conditions - cloud', () => {
 
     const navigationBarPage = new NavigationBarPage();
     const formCloudDemoPage = new FormCloudDemoPage();
-    const widget = new Widget();
+    const widget = new ProcessCloudWidgetPage();
 
     let visibleCheckbox;