mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
3819aecb70
* MNT-24354 update license header [ci:force] * MNT-24354 fix lint [ci:force] * MNT-24354 [ci:force] * MNT-24354 update license header in process-services [ci:force] --------- Co-authored-by: DaryaBalvanovich <darya.balvanovich1@hyland.com>
242 lines
11 KiB
TypeScript
242 lines
11 KiB
TypeScript
/*!
|
|
* @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 {
|
|
createApiService,
|
|
AppListCloudPage,
|
|
GroupIdentityService,
|
|
IdentityService,
|
|
LoginPage,
|
|
ProcessCloudWidgetPage,
|
|
ProcessDefinitionsService,
|
|
ProcessInstancesService,
|
|
QueryService,
|
|
TaskFormCloudComponent,
|
|
TaskHeaderCloudPage,
|
|
TasksService,
|
|
SnackbarPage,
|
|
materialLocators
|
|
} from '@alfresco/adf-testing';
|
|
import { browser } from 'protractor';
|
|
import { TasksCloudDemoPage } from '.././pages/tasks-cloud-demo.page';
|
|
import { NavigationBarPage } from '../../core/pages/navigation-bar.page';
|
|
|
|
describe('Form Field Component - Dropdown Widget', () => {
|
|
const loginSSOPage = new LoginPage();
|
|
const navigationBarPage = new NavigationBarPage();
|
|
const appListCloudComponent = new AppListCloudPage();
|
|
|
|
const tasksCloudDemoPage = new TasksCloudDemoPage();
|
|
const taskFilter = tasksCloudDemoPage.taskFilterCloudComponent;
|
|
const taskList = tasksCloudDemoPage.taskListCloudComponent();
|
|
|
|
const taskFormCloudComponent = new TaskFormCloudComponent();
|
|
const taskHeaderCloudPage = new TaskHeaderCloudPage();
|
|
const widget = new ProcessCloudWidgetPage();
|
|
|
|
const apiService = createApiService();
|
|
const identityService = new IdentityService(apiService);
|
|
const groupIdentityService = new GroupIdentityService(apiService);
|
|
const processDefinitionService = new ProcessDefinitionsService(apiService);
|
|
const processInstancesService = new ProcessInstancesService(apiService);
|
|
const queryService = new QueryService(apiService);
|
|
const tasksService = new TasksService(apiService);
|
|
|
|
const dropdown = widget.dropdown();
|
|
|
|
let testUser: { idIdentityService: string; username: string; password: string };
|
|
const runningTasks = {};
|
|
const simpleApp = browser.params.resources.ACTIVITI_CLOUD_APPS.SIMPLE_APP.name;
|
|
|
|
beforeAll(async () => {
|
|
const { processes } = browser.params.resources.ACTIVITI_CLOUD_APPS.SIMPLE_APP;
|
|
let runningProcessInstance: Record<string, any>;
|
|
await apiService.loginWithProfile('identityAdmin');
|
|
|
|
testUser = await identityService.createIdentityUserWithRole([identityService.ROLES.ACTIVITI_USER]);
|
|
const groupInfo = await groupIdentityService.getGroupInfoByGroupName('hr');
|
|
await identityService.addUserToGroup(testUser.idIdentityService, groupInfo.id);
|
|
await apiService.login(testUser.username, testUser.password);
|
|
|
|
const processesData = ['dropdownOptionsProcess', 'multiselect-dropdown', 'dropdown-search'];
|
|
|
|
for (const process of processesData) {
|
|
const processDef = await processDefinitionService.getProcessDefinitionByName(processes[process], simpleApp);
|
|
await processInstancesService.createProcessInstance(processDef.entry.key, simpleApp);
|
|
runningProcessInstance = await processInstancesService.createProcessInstance(processDef.entry.key, simpleApp);
|
|
const tasklist = await queryService.getProcessInstanceTasks(runningProcessInstance.entry.id, simpleApp);
|
|
await tasksService.claimTask(tasklist.list.entries[0].entry.id, simpleApp);
|
|
runningTasks[process] = tasklist.list.entries[0].entry;
|
|
}
|
|
|
|
await loginSSOPage.login(testUser.username, testUser.password);
|
|
});
|
|
|
|
afterAll(async () => {
|
|
await apiService.loginWithProfile('identityAdmin');
|
|
await identityService.deleteIdentityUser(testUser.idIdentityService);
|
|
});
|
|
|
|
beforeEach(async () => {
|
|
await navigationBarPage.navigateToProcessServicesCloudPage();
|
|
await appListCloudComponent.checkApsContainer();
|
|
await appListCloudComponent.goToApp(simpleApp);
|
|
});
|
|
|
|
it('[C601606] Should be able to finish task with multiselect dropdown form field', async () => {
|
|
const optionsToSelect = ['First', 'Third'];
|
|
const { name: multiselectTaskName } = runningTasks['multiselect-dropdown'];
|
|
|
|
await taskFilter.clickTaskFilter('my-tasks');
|
|
await taskList.getDataTable().waitTillContentLoaded();
|
|
|
|
await taskList.checkContentIsDisplayedByName(multiselectTaskName);
|
|
await taskList.selectRow(multiselectTaskName);
|
|
|
|
await taskHeaderCloudPage.checkTaskPropertyListIsDisplayed();
|
|
await dropdown.openDropdown('#DropdownMultiselect');
|
|
await dropdown.selectMultipleOptions(optionsToSelect);
|
|
await dropdown.closeDropdownFor('DropdownMultiselect');
|
|
|
|
const optionsSelected = [await dropdown.getSelectedOptionText('DropdownMultiselect')];
|
|
|
|
await taskFormCloudComponent.checkCompleteButtonIsDisplayed();
|
|
await taskFormCloudComponent.clickCompleteButton();
|
|
await taskFilter.clickTaskFilter('completed-tasks');
|
|
await taskList.getDataTable().waitTillContentLoaded();
|
|
|
|
await taskList.checkContentIsDisplayedByName(multiselectTaskName);
|
|
await taskList.selectRow(multiselectTaskName);
|
|
|
|
await taskFormCloudComponent.formFields().checkFormIsDisplayed();
|
|
await taskFormCloudComponent.formFields().checkWidgetIsVisible('DropdownMultiselect');
|
|
|
|
optionsSelected.push(await dropdown.getSelectedOptionText('DropdownMultiselect'));
|
|
|
|
expect(optionsSelected.toString().replace(/\s+/g, '')).toEqual([optionsToSelect, optionsToSelect].toString());
|
|
});
|
|
|
|
it('[C309878] Should be able to select a dropdown option, save and complete the task form', async () => {
|
|
const { name: dropdownOptionTaskName } = runningTasks['dropdownOptionsProcess'];
|
|
await taskFilter.clickTaskFilter('my-tasks');
|
|
await taskList.getDataTable().waitTillContentLoaded();
|
|
|
|
await taskList.checkContentIsDisplayedByName(dropdownOptionTaskName);
|
|
await taskList.selectRow(dropdownOptionTaskName);
|
|
|
|
await taskHeaderCloudPage.checkTaskPropertyListIsDisplayed();
|
|
|
|
await taskFormCloudComponent.formFields().checkFormIsDisplayed();
|
|
await taskFormCloudComponent.formFields().checkWidgetIsVisible('DropdownOptions');
|
|
await dropdown.selectOption('option2', `dropdown-cloud-widget ${materialLocators.Select.root}`);
|
|
|
|
expect(await dropdown.getSelectedOptionText('DropdownOptions')).toBe('option2');
|
|
|
|
await taskFormCloudComponent.checkSaveButtonIsDisplayed();
|
|
await taskFormCloudComponent.clickSaveButton();
|
|
|
|
expect(await dropdown.getSelectedOptionText('DropdownOptions')).toBe('option2');
|
|
|
|
await taskFormCloudComponent.checkCompleteButtonIsDisplayed();
|
|
await taskFormCloudComponent.clickCompleteButton();
|
|
|
|
expect(await taskFilter.getActiveFilterName()).toBe('My Tasks');
|
|
|
|
await taskList.checkContentIsNotDisplayedByName(dropdownOptionTaskName);
|
|
|
|
const message = await new SnackbarPage().getSnackBarMessage();
|
|
expect(message).toEqual('Task has been saved successfully');
|
|
|
|
await taskFilter.clickTaskFilter('completed-tasks');
|
|
await taskList.getDataTable().waitTillContentLoaded();
|
|
|
|
await taskList.checkContentIsDisplayedByName(dropdownOptionTaskName);
|
|
await taskList.selectRow(dropdownOptionTaskName);
|
|
|
|
await taskFormCloudComponent.formFields().checkFormIsDisplayed();
|
|
await taskFormCloudComponent.formFields().checkWidgetIsVisible('DropdownOptions');
|
|
|
|
expect(await dropdown.getSelectedOptionText('DropdownOptions')).toBe('option2');
|
|
|
|
await taskFormCloudComponent.checkCompleteButtonIsNotDisplayed();
|
|
});
|
|
|
|
it('[C601606] Should be able to search and select multiple options from multiple choice dropdown', async () => {
|
|
const { name: dropdownOptionTaskName } = runningTasks['dropdown-search'];
|
|
const expectedOptions = ['Albania', 'Colombia', 'Italy', 'Poland', 'United Kingdom of Great Britain and Northern Ireland'];
|
|
const dropdownId = 'DropdownCountriesMultiple';
|
|
|
|
await taskFilter.clickTaskFilter('my-tasks');
|
|
await taskList.getDataTable().waitTillContentLoaded();
|
|
|
|
await taskList.checkContentIsDisplayedByName(dropdownOptionTaskName);
|
|
await taskList.selectRow(dropdownOptionTaskName);
|
|
|
|
await taskHeaderCloudPage.checkTaskPropertyListIsDisplayed();
|
|
|
|
await taskFormCloudComponent.formFields().checkFormIsDisplayed();
|
|
await dropdown.openDropdown(`#${dropdownId}`);
|
|
await dropdown.searchAndChooseOptionsFromList(...expectedOptions);
|
|
await dropdown.closeDropdownFor(dropdownId);
|
|
|
|
const actualSelectedOptions = await dropdown.getSelectedOptionText(dropdownId);
|
|
expect(actualSelectedOptions).toEqual(expectedOptions.join(', '));
|
|
});
|
|
|
|
it('[C601606] Should be able to search and select single options from the single choice dropdown', async () => {
|
|
const { name: dropdownOptionTaskName } = runningTasks['dropdown-search'];
|
|
const firstOption = 'Mauritius';
|
|
const expectedOption = 'Namibia';
|
|
const dropdownId = 'DropdownCountriesSingle';
|
|
|
|
await taskFilter.clickTaskFilter('my-tasks');
|
|
await taskList.getDataTable().waitTillContentLoaded();
|
|
|
|
await taskList.checkContentIsDisplayedByName(dropdownOptionTaskName);
|
|
await taskList.selectRow(dropdownOptionTaskName);
|
|
|
|
await taskHeaderCloudPage.checkTaskPropertyListIsDisplayed();
|
|
|
|
await taskFormCloudComponent.formFields().checkFormIsDisplayed();
|
|
await dropdown.openDropdown(`#${dropdownId}`);
|
|
await dropdown.searchAndChooseOptionFromList(firstOption);
|
|
await dropdown.openDropdown(`#${dropdownId}`);
|
|
await dropdown.searchAndChooseOptionFromList(expectedOption);
|
|
|
|
const actualSelectedOptions = await dropdown.getSelectedOptionText(dropdownId);
|
|
expect(actualSelectedOptions).toEqual(expectedOption);
|
|
});
|
|
|
|
it('[C601606] Should not be able to search if there is less than 6 options to choose', async () => {
|
|
const { name: dropdownOptionTaskName } = runningTasks['dropdown-search'];
|
|
const dropdownId = 'DropdownSingleFive';
|
|
await taskFilter.clickTaskFilter('my-tasks');
|
|
await taskList.getDataTable().waitTillContentLoaded();
|
|
|
|
await taskList.checkContentIsDisplayedByName(dropdownOptionTaskName);
|
|
await taskList.selectRow(dropdownOptionTaskName);
|
|
|
|
await taskHeaderCloudPage.checkTaskPropertyListIsDisplayed();
|
|
|
|
await taskFormCloudComponent.formFields().checkFormIsDisplayed();
|
|
await dropdown.openDropdown(`#${dropdownId}`);
|
|
|
|
const searchDropdownFieldIsPresent = await dropdown.searchElementLocator.isPresent(1000);
|
|
expect(searchDropdownFieldIsPresent).toBeFalsy();
|
|
});
|
|
});
|