[ACA-1799] add tests for share file (#727)

* initial work

* shared link created through API

* add tests for share file on all list views

* remove utc for end of day

* remove hours and minutes

* update unit test

* workaround

* update docker settings for tomcat

* tomcat setup for e2e

e2e/components/datetime-picker/datetime-picker.ts

@@ -0,0 +1,83 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2018 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { ElementFinder, by, browser, ExpectedConditions as EC } from 'protractor';
+import { BROWSER_WAIT_TIMEOUT } from '../../configs';
+import { Component } from '../component';
+
+export class DateTimePicker extends Component {
+  private static selectors = {
+    root: '.mat-datetimepicker-popup',
+
+    header: '.mat-datetimepicker-calendar-header',
+    year: '.mat-datetimepicker-calendar-header-year',
+    date: '.mat-datetimepicker-calendar-header-date',
+
+    content: '.mat-datetimepicker-calendar-content',
+    dayPicker: 'mat-datetimepicker-month-view',
+
+    today: '.mat-datetimepicker-calendar-body-today',
+    firstActiveDay: '.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content',
+  };
+
+  calendar: ElementFinder = browser.element(by.css(DateTimePicker.selectors.root));
+  headerDate: ElementFinder = this.component.element(by.css(DateTimePicker.selectors.date));
+  headerYear: ElementFinder = this.component.element(by.css(DateTimePicker.selectors.year));
+  dayPicker: ElementFinder = this.component.element(by.css(DateTimePicker.selectors.dayPicker));
+
+  constructor(ancestor?: ElementFinder) {
+    super(DateTimePicker.selectors.root, ancestor);
+  }
+
+  async waitForDateTimePickerToOpen() {
+    await browser.wait(EC.presenceOf(this.calendar), BROWSER_WAIT_TIMEOUT);
+  }
+
+  async waitForDateTimePickerToClose() {
+    await browser.wait(EC.stalenessOf(this.calendar), BROWSER_WAIT_TIMEOUT);
+  }
+
+  async isCalendarOpen() {
+    return await browser.isElementPresent(by.css(DateTimePicker.selectors.root));
+  }
+
+  async getDate() {
+    return await this.headerDate.getText();
+  }
+
+  async getYear() {
+    return await this.headerYear.getText();
+  }
+
+  async setDefaultDay() {
+    const today = await this.dayPicker.element(by.css(DateTimePicker.selectors.today)).getText();
+    const tomorrow = (parseInt(today, 10) + 1).toString();
+    const date = await this.getDate();
+    const year = await this.getYear();
+    const elem = this.dayPicker.element(by.cssContainingText(DateTimePicker.selectors.firstActiveDay, tomorrow));
+    await elem.click();
+    return `${date} ${year}`;
+  }
+}

e2e/components/dialog/share-dialog.ts

@@ -23,23 +23,41 @@
  * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { ElementFinder, by, browser, ExpectedConditions as EC } from 'protractor';
+import { ElementFinder, ElementArrayFinder, by, browser, ExpectedConditions as EC } from 'protractor';
 import { BROWSER_WAIT_TIMEOUT } from '../../configs';
+import { DateTimePicker } from '../../components/datetime-picker/datetime-picker';
 import { Component } from '../component';
 
 export class ShareDialog extends Component {
   private static selectors = {
     root: '.adf-share-dialog',
 
-    title: '.mat-dialog-title',
-    content: '.mat-dialog-content',
+    title: `[data-automation-id='adf-share-dialog-title']`,
+    info: '.adf-share-link__info',
+    label: '.adf-share-link__label',
+    shareToggle: `[data-automation-id='adf-share-toggle']`,
+    linkUrl: `[data-automation-id='adf-share-link']`,
+    inputAction: '.input-action',
+    expireToggle: `[data-automation-id='adf-expire-toggle']`,
+    datetimePickerButton: '.mat-datetimepicker-toggle',
+    expirationInput: 'input[formcontrolname="time"]',
     button: `[data-automation-id='adf-share-dialog-close']`
   };
 
+  dateTimePicker = new DateTimePicker();
+
   title: ElementFinder = this.component.element(by.css(ShareDialog.selectors.title));
-  content: ElementFinder = this.component.element(by.css(ShareDialog.selectors.content));
+  infoText: ElementFinder = this.component.element(by.css(ShareDialog.selectors.info));
+  labels: ElementArrayFinder = this.component.all(by.css(ShareDialog.selectors.label));
+  shareToggle: ElementFinder = this.component.element(by.css(ShareDialog.selectors.shareToggle));
+  url: ElementFinder = this.component.element(by.css(ShareDialog.selectors.linkUrl));
+  urlAction: ElementFinder = this.component.element(by.css(ShareDialog.selectors.inputAction));
+  expireToggle: ElementFinder = this.component.element(by.css(ShareDialog.selectors.expireToggle));
+  expireInput: ElementFinder = this.component.element(by.css(ShareDialog.selectors.expirationInput));
+  datetimePickerButton: ElementFinder = this.component.element(by.css(ShareDialog.selectors.datetimePickerButton));
   closeButton: ElementFinder = this.component.element(by.css(ShareDialog.selectors.button));
 
+
   constructor(ancestor?: ElementFinder) {
     super(ShareDialog.selectors.root, ancestor);
   }
@@ -48,20 +66,81 @@ export class ShareDialog extends Component {
     await browser.wait(EC.stalenessOf(this.title), BROWSER_WAIT_TIMEOUT);
   }
 
+  async waitForDialogToOpen() {
+    await browser.wait(EC.presenceOf(this.title), BROWSER_WAIT_TIMEOUT);
+  }
+
   async isDialogOpen() {
-    return await browser.$(ShareDialog.selectors.root).isDisplayed();
+    return await browser.isElementPresent(by.css(ShareDialog.selectors.root));
   }
 
   async getTitle() {
     return await this.title.getText();
   }
 
-  async getText() {
-    return await this.content.getText();
+  async getInfoText() {
+    return await this.infoText.getText();
+  }
+
+  getLabels() {
+    return this.labels;
+  }
+
+  async getLinkUrl() {
+    return await this.url.getAttribute('value');
+  }
+
+  async isUrlReadOnly() {
+    return await this.url.getAttribute('readonly');
   }
 
   async clickClose() {
     await this.closeButton.click();
     await this.waitForDialogToClose();
   }
+
+  getShareToggle() {
+    return this.shareToggle;
+  }
+
+  getExpireToggle() {
+    return this.expireToggle;
+  }
+
+  getExpireInput() {
+    return this.expireInput;
+  }
+
+  async isShareToggleEnabled() {
+    const toggleClass = await this.getShareToggle().getAttribute('class');
+    return toggleClass.includes('checked');
+  }
+
+  async isExpireToggleEnabled() {
+    const toggleClass = await this.getExpireToggle().getAttribute('class');
+    return toggleClass.includes('checked');
+  }
+
+  async copyUrl() {
+    return await this.urlAction.click();
+  }
+
+  async openDatetimePicker() {
+    return await this.datetimePickerButton.click();
+  }
+
+  async closeDatetimePicker() {
+    if (await this.dateTimePicker.isCalendarOpen()) {
+      return await this.datetimePickerButton.click();
+    }
+  }
+
+  async getExpireDate() {
+    return await this.getExpireInput().getAttribute('value');
+  }
+
+  async clickExpirationToggle() {
+    await this.expireToggle.click();
+  }
+
 }