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';
import { DateUtil } from '../../../util/dateUtil';

export class DatePickerPage {

    datePicker = element(by.css('mat-calendar'));
    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 = DateUtil.formatDate('DD-MM-YY', date, 1);
        let afterCalendar = element(by.css(`td[class*="mat-calendar-body-cell"][aria-label="${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 = DateUtil.formatDate('DD-MM-YY', date, -1);
        let beforeCalendar = element(by.css(`td[class*="mat-calendar-body-cell"][aria-label="${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;
    }

    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;
    }
}