import { DatepickerPo } from '../../support/datepicker.po';

describe('Datepicker demo testing suite: Quick-select-ranges', () => {
  const datepicker = new DatepickerPo();
  const quickSelectRange = datepicker.exampleDemosArr.quickSelectRange;

  beforeEach(() => {
    datepicker.navigateTo();
    datepicker.scrollToMenu('Quick select ranges');
  });

  it(`example contains 1 input of Daterangepicker`, () => {
    datepicker.isInputValueEqual(quickSelectRange, '');
  });

  it(`when user clicks on Daterangepicker input, then container opened and user see list of quick ranges to select`, () => {
    datepicker.clickOnDaterangepickerInput(quickSelectRange);
    datepicker.isDaterangepickerOpened(true);
    datepicker.isDaterangePickerBodyExistAndCorrect('date');
    datepicker.isQuickSelectRangesDisplayed();
  });

  it('when no date value is selected, then custom range button should be active', () => {
    datepicker.clickOnDaterangepickerInput(quickSelectRange);
    datepicker.isQuickSelectRangeButtonHighlighted(2);
  });

  it('when user clicks on a range from quick select list, that range is applied to datepicker', () => {
    datepicker.clickOnDaterangepickerInput(quickSelectRange);
    datepicker.isDaterangepickerOpened(true);
    datepicker.isQuickSelectLastDaysApplied(quickSelectRange, 0);
    datepicker.clickOnDaterangepickerInput(quickSelectRange);
    datepicker.isQuickSelectLastDaysApplied(quickSelectRange, 1);
  });

  it('when user clicks on a range from quick select, then that button should be selected/highlighted', () => {
    datepicker.clickOnDaterangepickerInput(quickSelectRange);
    datepicker.clickOnQuickRangeBtn(0);
    datepicker.clickOnDaterangepickerInput(quickSelectRange);
    datepicker.isQuickSelectRangeButtonHighlighted(0);
  });
});