[ADF-3710] E2E for search date range (#3945)

* [ADF-3710] E2E for search date range

* Improving PR for [ADF-3710]

e2e/pages/adf/material/datePickerPage.ts

@@ -0,0 +1,93 @@
+/*!
+ * @license
+ * Copyright 2016 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 Util = require('../../../util/util');
+import { element, by, browser, protractor } from 'protractor';
+
+export class DatePickerPage {
+
+    datePicker = element(by.css('mat-calendar'));
+    months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+    nextMonthButton = element(by.css('button[class*="mat-calendar-next-button"]'));
+    previousMonthButton = element(by.css('button[class*="mat-calendar-previous-button"]'));
+
+    getSelectedDate() {
+        return element(by.css('td[class*="mat-calendar-body-active"]')).getAttribute('aria-label');
+    }
+
+    checkDatesAfterDateAreDisabled(date) {
+        let afterDate = new Date(date.getTime() + 24 * 60 * 60 * 1000);
+        let afterCalendar = element(by.css(`td[class*="mat-calendar-body-cell"][aria-label="${this.convertDateToDefaultFormat(afterDate)}"]`));
+        browser.controlFlow().execute(async () => {
+            if (await afterCalendar.isPresent()) {
+                await expect(afterCalendar.getAttribute('aria-disabled')).toBe('true');
+            }
+            await expect(this.nextMonthButton.isEnabled()).toBe(false);
+        });
+        return this;
+    }
+
+    checkDatesBeforeDateAreDisabled(date) {
+        let beforeDate = new Date(date.getTime() - 24 * 60 * 60 * 1000);
+        let beforeCalendar = element(by.css(`td[class*="mat-calendar-body-cell"][aria-label="${this.convertDateToDefaultFormat(beforeDate)}"]`));
+        browser.controlFlow().execute(async () => {
+            if (await beforeCalendar.isPresent()) {
+                await expect(beforeCalendar.getAttribute('aria-disabled')).toBe('true');
+            }
+            await expect(this.previousMonthButton.isEnabled()).toBe(false);
+        });
+        return this;
+    }
+
+    convertDefaultFormatToDate(dateString) { // Format : dd-Mmm-yy
+        let date = dateString.split('-');
+        return new Date((2000 + parseInt(date[2], 10)), this.months.indexOf(date[1]), date[0]);
+    }
+
+    convertDateToDefaultFormat(date) { // Format : dd-Mmm-yy
+        return `${('0' + date.getDate()).slice(-2)}-${this.months[date.getMonth()]}-${date.getFullYear().toString().substr(-2)}`;
+    }
+
+    convertDateToNewFormat(date) { // Format : mm-dd-yy
+        return `${date.getMonth() + 1}-${('0' + date.getDate()).slice(-2)}-${date.getFullYear().toString().substr(-2)}`;
+    }
+
+    selectTodayDate() {
+        this.checkDatePickerIsDisplayed();
+        let todayDate = element(by.css('.mat-calendar-body-today'));
+        Util.waitUntilElementIsClickable(todayDate);
+        todayDate.click();
+        return this;
+    }
+
+    closeDatePicker() {
+        browser.controlFlow().execute(async () => {
+            await browser.actions().sendKeys(protractor.Key.ESCAPE).perform();
+        });
+        this.checkDatePickerIsNotDisplayed();
+    }
+
+    checkDatePickerIsDisplayed() {
+        Util.waitUntilElementIsVisible(this.datePicker);
+        return this;
+    }
+
+    checkDatePickerIsNotDisplayed() {
+        Util.waitUntilElementIsNotVisible(this.datePicker);
+        return this;
+    }
+}