[ADF-4701] Upgrade angular libs (#4877)

* [ADF-4701] Upgrade angular material to 7.3.7 version

* [ADF-4701] upgrade angular libs

* [ADF-4701] upgrade angular libs

* [ADF-4530] temporary disable test

- will be fixed in a separate PR for https://issues.alfresco.com/jira/browse/ADF-4704
- the 'expected behavior' of the ADF-4530 corresponding bug is that should display 'all the available Process Definitions defined in the app'

* e2e test does not need bpm user

* e2e FIX waitUntilElementIsClickable

* Revert "e2e test does not need bpm user"

This reverts commit 9a5c4d4 - Travis seems to need initial code

* e2e fix button selector

- caused TimeoutError: Element is not Clickable

* e2e scroll into view fix

* e2e fixes scroll into view & selectors

* e2e fixed close action menu

- close menu with all disabled items fix - opened related issue https://issues.alfresco.com/jira/browse/ADF-4712
- checkContextActionIsVisible should check only visibility - all items might be disabled, so un-clickable
- close menu changed bcs. overlay backdrop caused TimeoutError: Element is not Clickable

* e2e disabled button is not supposed to be clickable

- fixed TimeoutError: Element is not Clickable

* e2e update messages

* e2e check invisibilityOf item

* e2e extra filter

* e2e wait waitTillContentLoaded

- created related issue https://issues.alfresco.com/jira/browse/ADF-4715

* [ADF-4715] a process never has CREATED status

* [ADF-4717] wait for filtered content to be loaded

- initiator filter must have 'username' value

e2e/pages/adf/contentServicesPage.ts

@@ -48,7 +48,8 @@ export class ContentServicesPage {
     createLibraryButton = element(by.css('button[data-automation-id="create-new-library"]'));
     activeBreadcrumb = element(by.css('div[class*="active"]'));
     tooltip = by.css('div[class*="--text adf-full-width"] span');
-    uploadFileButton = element(by.css('input[data-automation-id="upload-single-file"]'));
+    uploadFileButton = element(by.css('.adf-upload-button-file-container button'));
+    uploadFileButtonInput = element(by.css('input[data-automation-id="upload-single-file"]'));
     uploadMultipleFileButton = element(by.css('input[data-automation-id="upload-multiple-files"]'));
     uploadFolderButton = element(by.css('input[data-automation-id="uploadFolder"]'));
     errorSnackBar = element(by.css('simple-snack-bar[class*="mat-simple-snackbar"]'));
@@ -90,7 +91,6 @@ export class ContentServicesPage {
     checkContextActionIsVisible(actionName) {
         const actionButton = element(by.css(`button[data-automation-id="context-${actionName}"`));
         BrowserVisibility.waitUntilElementIsVisible(actionButton);
-        BrowserVisibility.waitUntilElementIsClickable(actionButton);
         return actionButton;
     }
 
@@ -178,6 +178,7 @@ export class ContentServicesPage {
     }
 
     disableDropFilesInAFolder() {
+        browser.executeScript('arguments[0].scrollIntoView()', this.multipleFileUploadToggle);
         this.formControllersPage.disableToggle(this.multipleFileUploadToggle);
         return this;
     }
@@ -390,8 +391,7 @@ export class ContentServicesPage {
 
     uploadFile(fileLocation) {
         this.checkUploadButton();
-        BrowserVisibility.waitUntilElementIsVisible(this.uploadFileButton);
-        this.uploadFileButton.sendKeys(path.resolve(path.join(browser.params.testConfig.main.rootPath, fileLocation)));
+        this.uploadFileButtonInput.sendKeys(path.resolve(path.join(browser.params.testConfig.main.rootPath, fileLocation)));
         this.checkUploadButton();
         return this;
     }
@@ -416,7 +416,7 @@ export class ContentServicesPage {
 
     getSingleFileButtonTooltip() {
         BrowserVisibility.waitUntilElementIsVisible(this.uploadFileButton);
-        return this.uploadFileButton.getAttribute('title');
+        return this.uploadFileButtonInput.getAttribute('title');
     }
 
     getMultipleFileButtonTooltip() {

e2e/pages/adf/dialog/uploadToggles.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { by, element, protractor } from 'protractor';
+import { browser, by, element, protractor } from 'protractor';
 import { BrowserVisibility, FormControllersPage } from '@alfresco/adf-testing';
 
 export class UploadToggles {
@@ -31,6 +31,7 @@ export class UploadToggles {
     disableUploadCheckbox = element(by.css('[id="adf-disable-upload"]'));
 
     enableMultipleFileUpload() {
+        browser.executeScript('arguments[0].scrollIntoView()', this.multipleFileUploadToggle);
         this.formControllersPage.enableToggle(this.multipleFileUploadToggle);
         return this;
     }
@@ -75,11 +76,13 @@ export class UploadToggles {
     }
 
     enableExtensionFilter() {
+        browser.executeScript('arguments[0].scrollIntoView()', this.extensionFilterToggle);
         this.formControllersPage.enableToggle(this.extensionFilterToggle);
         return this;
     }
 
     disableExtensionFilter() {
+        browser.executeScript('arguments[0].scrollIntoView()', this.extensionFilterToggle);
         this.formControllersPage.disableToggle(this.extensionFilterToggle);
         return this;
     }

e2e/pages/adf/versionManagerPage.ts

@@ -153,9 +153,16 @@ export class VersionManagePage {
         return this;
     }
 
-    closeActionButton() {
+    closeActionsMenu() {
         const container = element(by.css('div.cdk-overlay-backdrop.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing'));
-        BrowserActions.click(container);
+        BrowserActions.closeMenuAndDialogs();
+        BrowserVisibility.waitUntilElementIsNotVisible(container);
+        return this;
+    }
+
+    closeDisabledActionsMenu() {
+        const container = element(by.css('div.cdk-overlay-backdrop.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing'));
+        BrowserActions.closeDisabledMenu();
         BrowserVisibility.waitUntilElementIsNotVisible(container);
         return this;
     }

e2e/pages/adf/viewerPage.ts

@@ -508,6 +508,7 @@ export class ViewerPage {
     }
 
     enableShowTabWithIcon() {
+        browser.executeScript('arguments[0].scrollIntoView()', this.showTabWithIconSwitch);
         this.formControllersPage.enableToggle(this.showTabWithIconSwitch);
     }
 
@@ -552,6 +553,7 @@ export class ViewerPage {
     }
 
     disableAllowLeftSidebar() {
+        browser.executeScript('arguments[0].scrollIntoView()', this.allowLeftSidebarSwitch);
         this.formControllersPage.disableToggle(this.allowLeftSidebarSwitch);
     }
 
@@ -582,11 +584,13 @@ export class ViewerPage {
     }
 
     disableCustomToolbar() {
+        browser.executeScript('arguments[0].scrollIntoView()', this.customToolbarToggle);
         this.formControllersPage.disableToggle(this.customToolbarToggle);
         return this;
     }
 
     enableCustomToolbar() {
+        browser.executeScript('arguments[0].scrollIntoView()', this.customToolbarToggle);
         this.formControllersPage.enableToggle(this.customToolbarToggle);
         return this;
     }