import {DemoPage} from './app.po';
import {browser} from 'protractor';
import * as moment from 'jalali-moment';
import {Key} from 'selenium-webdriver';

describe('dpDayPicker directive', () => {
  let page: DemoPage;

  beforeEach(() => {
    page = new DemoPage();
    page.navigateTo();

    page.dayDirectiveMenu.click();
  });

  it('should check that the popup appended to body', () => {
    page.dayDirectiveInput.click();
    expect(page.datePickerPopup.isDisplayed()).toBe(true);
    page.clickOnBody();
    expect(page.datePickerPopup.isDisplayed()).toBe(false);
  });

  it('should make sure that day directive keeps the prev state of the calendar', () => {
    page.dayDirectiveInput.click();
    page.dayCalendarLeftNavBtn.click();
    page.clickOnBody();

    page.dayDirectiveInput.click();
    expect(page.dayCalendarNavHeaderBtn.getText())
      .toEqual(moment().subtract(1, 'month').format('MMM, YYYY'));
  });

  it('should check that the theme is added and removed', () => {
    page.themeOnRadio.click();
    expect(page.datePickerPopup.getAttribute('class')).toContain('dp-material');
    page.themeOffRadio.click();
    expect(page.datePickerPopup.getAttribute('class')).not.toContain('dp-material');
    page.themeOnRadio.click();
    expect(page.datePickerPopup.getAttribute('class')).toContain('dp-material');
  });

  it('should check that the onOpenDelay is working', () => {
    page.onOpenDelayInput.clear();
    page.onOpenDelayInput.sendKeys(1000);
    page.scrollIntoView(page.openBtn);
    page.openBtn.click();
    expect(page.datePickerPopup.isDisplayed()).toBe(true);
    page.clickOnBody();
    browser.sleep(200);
    browser.waitForAngularEnabled(false);
    page.dayDirectiveInput.click();
    expect(page.datePickerPopup.isDisplayed()).toBe(false);
    browser.waitForAngularEnabled(true);
    browser.sleep(1000);
    expect(page.datePickerPopup.isDisplayed()).toBe(true);
  });

  it('should allow input to be modified from beginning', () => {
    page.dayDirectiveInput.sendKeys('10-04-2017');
    for (let i = 0; i < 11; i++) {
      page.dayDirectiveInput.sendKeys(Key.LEFT);
    }
    page.dayDirectiveInput.sendKeys(Key.DELETE);
    page.dayDirectiveInput.sendKeys('2');
    expect(page.dayDirectiveInput.getAttribute('value')).toBe('20-04-2017');
    expect(page.selectedDays.count()).toBe(1);
    expect(page.selectedDays.first().getText()).toBe('20');
    expect(page.dayCalendarNavHeaderBtn.getText()).toBe('Apr, 2017');
  });
});