alfresco-ng2-components/e2e/pages/adf/material/datePickerPage.ts

/*!
 * @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 } from '../../../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;
    }
}