openaire-library/utils/my-date-picker/my-date-picker.component.spec.ts

// //<reference path="../../node_modules/@types/jasmine/index.d.ts"/>
//
// import {ComponentFixture, TestBed} from '@angular/core/testing';
// import {By} from '@angular/platform-browser';
// import {DebugElement} from '@angular/core';
// import {MyDatePicker} from './my-date-picker.component';
// import {FocusDirective} from './directives/my-date-picker.focus.directive';
// import {InputAutoFillDirective} from './directives/my-date-picker.input.auto.fill.directive';
//
// let comp: MyDatePicker;
// let fixture: ComponentFixture<MyDatePicker>;
// let de: DebugElement;
// let el: HTMLElement;
//
// let PREVMONTH: string = '.header tr td:first-child div .headerbtncell:first-child .headerbtn';
// let NEXTMONTH: string = '.header tr td:first-child div .headerbtncell:last-child .headerbtn';
// let PREVYEAR: string = '.header tr td:last-child div .headerbtncell:first-child .headerbtn';
// let NEXTYEAR: string = '.header tr td:last-child div .headerbtncell:last-child .headerbtn';
//
// function getDateString(date:any):string {
//     return date.getFullYear() + '-' + ((date.getMonth() + 1) < 10 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1)) + '-' + (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
// }
//
// function getElement(id:string):DebugElement {
//     return de.query(By.css(id));
// }
//
// function getElements(id:string):Array<DebugElement> {
//     return de.queryAll(By.css(id));
// }
//
// describe('MyDatePicker', () => {
//     beforeEach(() => {
//         TestBed.configureTestingModule({
//             declarations: [MyDatePicker, FocusDirective, InputAutoFillDirective],
//         });
//
//         fixture = TestBed.createComponent(MyDatePicker);
//
//         comp = fixture.componentInstance;
//
//         de = fixture.debugElement.query(By.css('.mydp'));
//         el = de.nativeElement;
//     });
//
//     it('set valid date', () => {
//         comp.selectionDayTxt = '2016-08-22';
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection.nativeElement.value).toContain('2016-08-22');
//     });
//
//     it('open/close selector', () => {
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         let selector = getElement('.selector');
//         expect(selector).toBe(null);
//
//         btnpicker.nativeElement.click();
//         fixture.detectChanges();
//         selector = getElement('.selector');
//         expect(selector).not.toBe(null);
//
//         btnpicker.nativeElement.click();
//         fixture.detectChanges();
//         selector = getElement('.selector');
//         expect(selector).toBe(null);
//     });
//
//     it('select current day from the selector and clear', () => {
//         let date = new Date();
//         comp.selectedMonth = {monthTxt: '', monthNbr: date.getMonth() + 1, year: date.getFullYear()};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let currday = getElement('.currday');
//         expect(currday).not.toBe(null);
//
//         currday.nativeElement.click();
//
//         let dateStr = getDateString(date);
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection.nativeElement.value).toContain(dateStr);
//
//         fixture.detectChanges();
//         let btnclear = getElement('.btnclear');
//         btnclear.nativeElement.click();
//         expect(selection.nativeElement.value).toContain('');
//     });
//
//     it('select/unselect current day from the selector', () => {
//         let date = new Date();
//         comp.selectedMonth = {monthTxt: '', monthNbr: date.getMonth() + 1, year: date.getFullYear()};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let currday = getElement('.currday');
//         expect(currday).not.toBe(null);
//
//         currday.nativeElement.click();
//
//         let dateStr = getDateString(date);
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection.nativeElement.value).toContain(dateStr);
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//
//         fixture.detectChanges();
//         let selectedday = getElement('.selectedday');
//         expect(selectedday).not.toBe(null);
//
//         fixture.detectChanges();
//         currday = getElement('.currday');
//         expect(currday).not.toBe(null);
//         currday.nativeElement.click();
//
//         fixture.detectChanges();
//         selectedday = getElement('.selectedday');
//         expect(selectedday).toBe(null);
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection.nativeElement.value).toBe('');
//     });
//
//     it('select today button', () => {
//         let date = new Date();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let today = getElement('.headertodaybtn');
//         expect(today).not.toBe(null);
//
//         today.nativeElement.click();
//
//         let dateStr = getDateString(date);
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection.nativeElement.value).toContain(dateStr);
//
//         fixture.detectChanges();
//         let btnclear = getElement('.btnclear');
//         btnclear.nativeElement.click();
//         expect(selection.nativeElement.value).toContain('');
//     });
//
//     it('select previous month', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 5, year: 2016};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let prevmonth = getElement('.header tr td:first-child .headerbtn:first-child');
//         expect(prevmonth).not.toBe(null);
//
//         prevmonth.nativeElement.click();
//
//         expect(comp.visibleMonth.monthTxt).toBe('Apr');
//         expect(comp.visibleMonth.monthNbr).toBe(4);
//         expect(comp.visibleMonth.year).toBe(2016);
//     });
//
//     it('select next month', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 5, year: 2016};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let nextmonth = getElement(NEXTMONTH);
//         expect(nextmonth).not.toBe(null);
//
//         nextmonth.nativeElement.click();
//
//         expect(comp.visibleMonth.monthTxt).toBe('Jun');
//         expect(comp.visibleMonth.monthNbr).toBe(6);
//         expect(comp.visibleMonth.year).toBe(2016);
//     });
//
//     it('select previous month january change year', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 1, year: 2016};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let prevmonth = getElement(PREVMONTH);
//         expect(prevmonth).not.toBe(null);
//
//         prevmonth.nativeElement.click();
//
//         expect(comp.visibleMonth.year).toBe(2015);
//     });
//
//     it('select next month december change year', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 12, year: 2016};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let nextmonth = getElement(NEXTMONTH);
//         expect(nextmonth).not.toBe(null);
//
//         nextmonth.nativeElement.click();
//
//         expect(comp.visibleMonth.year).toBe(2017);
//     });
//
//     it('select previous month from selector', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 5, year: 2016};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let prevmonth = getElement(PREVMONTH);
//         expect(prevmonth).not.toBe(null);
//
//         prevmonth.nativeElement.click();
//         expect(comp.visibleMonth.monthNbr).toBe(4);
//         expect(comp.visibleMonth.monthTxt).toBe('Apr');
//
//         prevmonth.nativeElement.click();
//         expect(comp.visibleMonth.monthNbr).toBe(3);
//         expect(comp.visibleMonth.monthTxt).toBe('Mar');
//     });
//
//     it('select next month from selector', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 5, year: 2016};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let nextmonth = getElement(NEXTMONTH);
//         expect(nextmonth).not.toBe(null);
//
//         nextmonth.nativeElement.click();
//         expect(comp.visibleMonth.monthNbr).toBe(6);
//         expect(comp.visibleMonth.monthTxt).toBe('Jun');
//
//         nextmonth.nativeElement.click();
//         expect(comp.visibleMonth.monthNbr).toBe(7);
//         expect(comp.visibleMonth.monthTxt).toBe('Jul');
//     });
//
//     it('select previous year', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 5, year: 2016};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let prevyear = getElement(PREVYEAR);
//         expect(prevyear).not.toBe(null);
//
//         prevyear.nativeElement.click();
//         fixture.detectChanges();
//         let yearLabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearLabel).not.toBe(null);
//         expect(yearLabel.nativeElement.textContent).toBe('2015');
//     });
//
//     it('select next year', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 5, year: 2016};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let nextyear = getElement(NEXTYEAR);
//         expect(nextyear).not.toBe(null);
//
//         nextyear.nativeElement.click();
//
//         fixture.detectChanges();
//         let yearLabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearLabel).not.toBe(null);
//         expect(yearLabel.nativeElement.textContent).toBe('2017');
//     });
//
//     it('test calendar year 2016 month one by one - next month button', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 1, year: 2016};
//
//         comp.options = {firstDayOfWeek: 'mo'};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let monthlabel = getElement('.monthlabel');
//         expect(monthlabel).not.toBe(null);
//         expect(monthlabel.nativeElement.textContent.trim()).toBe('Jan');
//
//         fixture.detectChanges();
//         let yearlabel = getElement('.yearlabel');
//         expect(yearlabel).not.toBe(null);
//         expect(yearlabel.nativeElement.textContent.trim()).toBe('2016');
//
//         comp.generateCalendar(1, 2016, true);
//
//         let beginDate: Array<string> = ['28', '1', '29', '28', '25', '30', '27', '1', '29', '26', '31', '28'];
//         let endDate: Array<string> = ['7', '13', '10', '8', '5', '10', '7', '11', '9', '6', '11', '8'];
//
//         let i: number = 0;
//         do {
//             fixture.detectChanges();
//             let currmonth = getElements('.caltable tbody tr td');
//             expect(currmonth).not.toBe(null);
//             expect(currmonth.length).toBe(42);
//
//             expect(currmonth[0]).not.toBe(null);
//             expect(currmonth[0].nativeElement.textContent.trim()).toBe(beginDate[i]);
//
//             expect(currmonth[41]).not.toBe(null);
//             expect(currmonth[41].nativeElement.textContent.trim()).toBe(endDate[i]);
//
//             comp.nextMonth();
//
//             i++;
//         } while (i < 12)
//     });
//
//     it('test calendar year 2016 month one by one - previous month button', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 12, year: 2016};
//
//         comp.options = {firstDayOfWeek: 'mo'};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let monthlabel = getElement('.monthlabel');
//         expect(monthlabel).not.toBe(null);
//         expect(monthlabel.nativeElement.textContent.trim()).toBe('Dec');
//
//         fixture.detectChanges();
//         let yearlabel = getElement('.yearlabel');
//         expect(yearlabel).not.toBe(null);
//         expect(yearlabel.nativeElement.textContent.trim()).toBe('2016');
//
//         comp.generateCalendar(12, 2016, true);
//
//         let beginDate: Array<string> = ['28', '1', '29', '28', '25', '30', '27', '1', '29', '26', '31', '28'];
//         let endDate: Array<string> = ['7', '13', '10', '8', '5', '10', '7', '11', '9', '6', '11', '8'];
//
//         let i: number = 11;
//         do {
//             fixture.detectChanges();
//             let currmonth = getElements('.caltable tbody tr td');
//             expect(currmonth).not.toBe(null);
//             expect(currmonth.length).toBe(42);
//
//             expect(currmonth[0]).not.toBe(null);
//             expect(currmonth[0].nativeElement.textContent.trim()).toBe(beginDate[i]);
//
//             expect(currmonth[41]).not.toBe(null);
//             expect(currmonth[41].nativeElement.textContent.trim()).toBe(endDate[i]);
//
//             comp.prevMonth();
//
//             i--;
//         } while (i >= 0)
//     });
//
//     // options
//     it('options - dayLabels', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 5, year: 2016};
//         comp.options = {dayLabels:  {su: '1', mo: '2', tu: '3', we: '4', th: '5', fr: '6', sa: '7'}, firstDayOfWeek: 'su'};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let ths = getElements('.caltable thead tr th');
//         expect(ths.length).toBe(7);
//         for(let i in ths) {
//             let el = ths[i];
//             expect(parseInt(el.nativeElement.textContent)).toBe(parseInt(i) + 1);
//         }
//     });
//
//     it('options - monthLabels', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 1, year: 2016};
//         comp.options = {monthLabels:  { 1: '1', 2: '2', 3: '3', 4: '4', 5: '5', 6: '6', 7: '7', 8: '8', 9: '9', 10: '10', 11: '11', 12: '12' }};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let nextmonth = getElement(NEXTMONTH);
//         expect(nextmonth).not.toBe(null);
//
//         for(let i = 1; i <= 12; i++) {
//             fixture.detectChanges();
//             let monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//             expect(parseInt(monthLabel.nativeElement.textContent)).toBe(i);
//             nextmonth.nativeElement.click();
//         }
//     });
//
//     it('options - date format', () => {
//         comp.options = {dateFormat: 'dd.mm.yyyy', indicateInvalidDate: true};
//
//         comp.parseOptions();
//
//         let value = {target:{value:'2016-08-22'}};
//         comp.userDateInput(value);
//         expect(comp.invalidDate).toBe(true);
//
//         fixture.detectChanges();
//         let invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         value = {target:{value:'2016-08-2'}};
//         comp.userDateInput(value);
//         expect(comp.invalidDate).toBe(true);
//
//         value = {target:{value:'16.09/2016'}};
//         comp.userDateInput(value);
//         expect(comp.invalidDate).toBe(true);
//
//         value = {target:{value:'2016-08-xx'}};
//         comp.userDateInput(value);
//         expect(comp.invalidDate).toBe(true);
//
//         value = {target:{value:'16.09.999'}};
//         comp.userDateInput(value);
//         expect(comp.invalidDate).toBe(true);
//
//         value = {target:{value:'16.09.19999'}};
//         comp.userDateInput(value);
//         expect(comp.invalidDate).toBe(true);
//
//         value = {target:{value:'16.09.2016'}};
//         comp.userDateInput(value);
//         expect(comp.invalidDate).toBe(false);
//
//         comp.options = {dateFormat: 'dd mmm yyyy', indicateInvalidDate: true};
//
//         comp.parseOptions();
//
//         value = {target:{value:'2016-08-22'}};
//         comp.userDateInput(value);
//         expect(comp.invalidDate).toBe(true);
//
//         value = {target:{value:'22 Aug 2016'}};
//         comp.userDateInput(value);
//         expect(comp.invalidDate).toBe(false);
//     });
//
//     it('options - show today button', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 1, year: 2016};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let headertodaybtn = getElement('.headertodaybtn');
//         expect(headertodaybtn).not.toBe(null);
//
//         btnpicker.nativeElement.click();
//
//         comp.options = {showTodayBtn: false};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         headertodaybtn = getElement('.headertodaybtn');
//         expect(headertodaybtn).toBe(null);
//
//         btnpicker.nativeElement.click();
//
//         comp.options = {showTodayBtn: true};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         headertodaybtn = getElement('.headertodaybtn');
//         expect(headertodaybtn).not.toBe(null);
//     });
//
//     it('options - today button text', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 1, year: 2016};
//         comp.options = {todayBtnTxt: 'test text'};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let headertodaybtn = getElement('.headertodaybtn');
//         expect(headertodaybtn).not.toBe(null);
//         expect(headertodaybtn.nativeElement.textContent).toBe('test text');
//     });
//
//     it('options - first day of week', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 5, year: 2016};
//         comp.options = {firstDayOfWeek: 'tu'};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let first = getElement('.caltable thead tr th:first-child');
//         expect(first).not.toBe(null);
//         expect(first.nativeElement.textContent).toBe('Tue');
//
//         let last = getElement('.caltable thead tr th:last-child');
//         expect(last).not.toBe(null);
//         expect(last.nativeElement.textContent).toBe('Mon');
//     });
//
//     it('options - sunday highlight', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 5, year: 2016};
//         comp.options = {sunHighlight: true};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let sunday = getElement('.sunday');
//         expect(sunday).not.toBe(null);
//
//         btnpicker.nativeElement.click();
//
//         comp.options = {sunHighlight: false};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker.nativeElement.click();
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         sunday = getElement('.sunday');
//         expect(sunday).toBe(null);
//     });
//
//     it('options - current day marked', () => {
//         comp.options = {markCurrentDay: true};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let currday = getElement('.currday');
//         expect(currday).not.toBe(null);
//
//         btnpicker.nativeElement.click();
//
//         comp.options = {markCurrentDay: false};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker.nativeElement.click();
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         currday = getElement('.currday');
//         expect(currday).toBe(null);
//     });
//
//     it('options - editable month and year', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 5, year: 2016};
//         comp.options = {editableMonthAndYear: true};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let montlabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(montlabel).not.toBe(null);
//         montlabel.nativeElement.click();
//
//         fixture.detectChanges();
//         let monthinput = getElement('.monthinput');
//         expect(monthinput).not.toBe(null);
//
//         comp.userMonthInput({target:{value:'jan'}});
//
//         fixture.detectChanges();
//         montlabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(montlabel).not.toBe(null);
//         expect(montlabel.nativeElement.textContent).toBe('Jan');
//
//
//         fixture.detectChanges();
//         let yearlabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearlabel).not.toBe(null);
//         yearlabel.nativeElement.click();
//
//         fixture.detectChanges();
//         let yearinput = getElement('.yearinput');
//         expect(yearinput).not.toBe(null);
//
//         comp.userYearInput({target:{value:'2019'}});
//
//         fixture.detectChanges();
//         yearlabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearlabel).not.toBe(null);
//         expect(yearlabel.nativeElement.textContent).toBe('2019');
//     });
//
//     it('options - disable header buttons', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 5, year: 2016};
//         comp.options = {
//             disableHeaderButtons: true,
//             disableUntil: {year: 2016, month: 4, day: 10}
//         };
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let montlabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(montlabel).not.toBe(null);
//         expect(montlabel.nativeElement.textContent).toBe('May');
//
//         fixture.detectChanges();
//         let prevmonth = getElement(PREVMONTH);
//         expect(prevmonth).not.toBe(null);
//         prevmonth.nativeElement.click();
//
//         fixture.detectChanges();
//         montlabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(montlabel).not.toBe(null);
//         expect(montlabel.nativeElement.textContent).toBe('Apr');
//
//         fixture.detectChanges();
//         let headerbtndisabled = getElements('.headerbtndisabled');
//         expect(headerbtndisabled).not.toBe(null);
//         expect(headerbtndisabled.length).toBe(2);
//
//         prevmonth.nativeElement.click();
//
//         fixture.detectChanges();
//         montlabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(montlabel).not.toBe(null);
//         expect(montlabel.nativeElement.textContent).toBe('Apr');
//
//         fixture.detectChanges();
//         let prevyear = getElement(PREVYEAR);
//         expect(prevyear).not.toBe(null);
//         prevyear.nativeElement.click();
//
//         fixture.detectChanges();
//         let yearlabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearlabel).not.toBe(null);
//         expect(yearlabel.nativeElement.textContent).toBe('2016');
//
//         btnpicker.nativeElement.click();
//
//
//         comp.options = {
//             disableHeaderButtons: true,
//             disableSince: {year: 2016, month: 7, day: 10}
//         };
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         montlabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(montlabel).not.toBe(null);
//         expect(montlabel.nativeElement.textContent).toBe('May');
//
//         fixture.detectChanges();
//         let nextmonth = getElement(NEXTMONTH);
//         expect(nextmonth).not.toBe(null);
//         nextmonth.nativeElement.click();
//
//         fixture.detectChanges();
//         montlabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(montlabel).not.toBe(null);
//         expect(montlabel.nativeElement.textContent).toBe('Jun');
//
//         fixture.detectChanges();
//         headerbtndisabled = getElements('.headerbtndisabled');
//         expect(headerbtndisabled).not.toBe(null);
//         expect(headerbtndisabled.length).toBe(2);
//
//         prevmonth.nativeElement.click();
//
//         fixture.detectChanges();
//         montlabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(montlabel).not.toBe(null);
//         expect(montlabel.nativeElement.textContent).toBe('Jun');
//
//         fixture.detectChanges();
//         let nextyear = getElement(NEXTYEAR);
//         expect(nextyear).not.toBe(null);
//         nextyear.nativeElement.click();
//
//         fixture.detectChanges();
//         yearlabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearlabel).not.toBe(null);
//         expect(yearlabel.nativeElement.textContent).toBe('2016');
//     });
//
//     it('options - min year', () => {
//         comp.visibleMonth = {monthTxt: 'May', monthNbr: 5, year: 2016};
//         comp.options = {minYear: 2000};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let yearlabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearlabel).not.toBe(null);
//         yearlabel.nativeElement.click();
//
//         fixture.detectChanges();
//         let yearinput = getElement('.yearinput');
//         expect(yearinput).not.toBe(null);
//
//         comp.userYearInput({target:{value:1999}});
//
//         fixture.detectChanges();
//         let invalidyear = getElement('.invalidyear');
//         expect(invalidyear).not.toBe(null);
//
//         comp.userYearInput({target:{value:2000}});
//
//         fixture.detectChanges();
//         yearlabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearlabel).not.toBe(null);
//         expect(yearlabel.nativeElement.textContent).toBe('2000');
//     });
//
//     it('options - max year', () => {
//         comp.visibleMonth = {monthTxt: 'May', monthNbr: 5, year: 2016};
//         comp.options = {maxYear: 2020};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let yearlabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearlabel).not.toBe(null);
//         yearlabel.nativeElement.click();
//
//         fixture.detectChanges();
//         let yearinput = getElement('.yearinput');
//         expect(yearinput).not.toBe(null);
//
//         comp.userYearInput({target:{value:2021}});
//
//         fixture.detectChanges();
//         let invalidyear = getElement('.invalidyear');
//         expect(invalidyear).not.toBe(null);
//
//         comp.userYearInput({target:{value:2020}});
//
//         fixture.detectChanges();
//         yearlabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearlabel).not.toBe(null);
//         expect(yearlabel.nativeElement.textContent).toBe('2020');
//     });
//
//     it('options - disable until', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {disableUntil: {year: 2016, month: 10, day: 5}};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.generateCalendar(10, 2016, true);
//
//         fixture.detectChanges();
//         let disabled = getElements('tr .disabled');
//         expect(disabled).not.toBe(null);
//         expect(disabled.length).toBe(10);
//
//         let firstDisabled = disabled[0];
//         expect(firstDisabled.nativeElement.textContent.trim()).toBe('26');
//
//         let lastDisabled = disabled[disabled.length - 1];
//         expect(lastDisabled.nativeElement.textContent.trim()).toBe('5');
//
//         fixture.detectChanges();
//         lastDisabled.nativeElement.click();
//         let selection = getElement('.selection');
//         expect(selection.nativeElement.value).toBe('');
//
//         fixture.detectChanges();
//         let selectableDays = getElements('.tablesingleday');
//         expect(selectableDays).not.toBe(null);
//         expect(selectableDays.length).toBe(26);
//
//         selectableDays[0].nativeElement.click();
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection.nativeElement.value).toContain('2016-10-06');
//     });
//
//     it('options - disable since', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {disableSince: {year: 2016, month: 10, day: 30}};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.generateCalendar(10, 2016, true);
//
//         fixture.detectChanges();
//         let disabled = getElements('tr .disabled');
//         expect(disabled).not.toBe(null);
//         expect(disabled.length).toBe(8);
//
//         let firstDisabled = disabled[0];
//         expect(firstDisabled.nativeElement.textContent.trim()).toBe('30');
//
//         let lastDisabled = disabled[disabled.length - 1];
//         expect(lastDisabled.nativeElement.textContent.trim()).toBe('6');
//
//         fixture.detectChanges();
//         lastDisabled.nativeElement.click();
//         let selection = getElement('.selection');
//         expect(selection.nativeElement.value).toBe('');
//
//         fixture.detectChanges();
//         let selectableDays = getElements('.tablesingleday');
//         expect(selectableDays).not.toBe(null);
//         expect(selectableDays.length).toBe(29);
//
//         selectableDays[5].nativeElement.click();
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection.nativeElement.value).toContain('2016-10-06');
//     });
//
//     it('options - disable days one by one', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {disableDays: [{year: 2016, month: 10, day: 5}, {year: 2016, month: 10, day: 10}]};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.generateCalendar(10, 2016, true);
//
//         fixture.detectChanges();
//         let disabled = getElements('tr .disabled');
//         expect(disabled).not.toBe(null);
//         expect(disabled.length).toBe(2);
//
//         let firstDisabled = disabled[0];
//         expect(firstDisabled.nativeElement.textContent.trim()).toBe('5');
//
//         let lastDisabled = disabled[1];
//         expect(lastDisabled.nativeElement.textContent.trim()).toBe('10');
//     });
//
//     it('options - enable disabled days one by one', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 1, year: 2017};
//         comp.options = {
//             dateFormat: 'dd.mm.yyyy',
//             disableDateRange: {begin: {year: 2017, month: 1, day: 1}, end: {year: 2017, month: 1, day: 31}},
//             enableDays: [{year: 2017, month: 1, day: 5}, {year: 2017, month: 1, day: 6}, {year: 2017, month: 1, day: 7}, {year: 2017, month: 1, day: 8}]
//         };
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.generateCalendar(1, 2017, true);
//
//         fixture.detectChanges();
//         let disabled = getElements('tr .disabled');
//         expect(disabled).not.toBe(null);
//         expect(disabled.length).toBe(27);
//
//         let firstDisabled = disabled[0];
//         expect(firstDisabled.nativeElement.textContent.trim()).toBe('1');
//
//         let lastDisabled = disabled[disabled.length - 1];
//         expect(lastDisabled.nativeElement.textContent.trim()).toBe('31');
//
//         fixture.detectChanges();
//         let alldates = getElements('.caltable .daycell');
//         expect(alldates).not.toBe(null);
//         expect(alldates.length).toBe(42);
//
//         fixture.detectChanges();
//         let firstEnabled = alldates[10];
//         firstEnabled.nativeElement.click();
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.nativeElement.value).toBe('05.01.2017');
//     });
//
//     it('options - disable range', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {disableDateRange: {begin: {year: 2016, month: 10, day: 5}, end: {year: 2016, month: 10, day: 10}}};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.generateCalendar(10, 2016, true);
//
//         fixture.detectChanges();
//         let disabled = getElements('tr .disabled');
//         expect(disabled).not.toBe(null);
//         expect(disabled.length).toBe(6);
//
//         let firstDisabled = disabled[0];
//         expect(firstDisabled.nativeElement.textContent.trim()).toBe('5');
//
//         let lastDisabled = disabled[disabled.length - 1];
//         expect(lastDisabled.nativeElement.textContent.trim()).toBe('10');
//         btnpicker.nativeElement.click();
//
//
//         comp.options = {disableDateRange: {begin: {}, end: {}}};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.generateCalendar(10, 2016, true);
//
//         fixture.detectChanges();
//         disabled = getElements('tr .disabled');
//         expect(disabled).not.toBe(null);
//         expect(disabled.length).toBe(0);
//     });
//
//     it('options - disable today - today button disabled', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//
//         let date = new Date();
//         comp.options = {disableDays: [{year: date.getFullYear(), month: date.getMonth() + 1, day: date.getDate()}]};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.generateCalendar(10, 2016, true);
//
//         fixture.detectChanges();
//         let headertodaybtn = getElement('.headertodaybtn');
//         expect(headertodaybtn).not.toBe(null);
//         expect(headertodaybtn.properties['disabled']).toBe(true);
//
//         fixture.detectChanges();
//         headertodaybtn.nativeElement.click();
//         let selector = getElement('.selector');
//         expect(selector).not.toBe(null);
//
//         btnpicker.nativeElement.click();
//
//         comp.options = {disableDays: []};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker.nativeElement.click();
//         comp.generateCalendar(10, 2016, true);
//
//         fixture.detectChanges();
//         headertodaybtn = getElement('.headertodaybtn');
//         expect(headertodaybtn).not.toBe(null);
//         expect(headertodaybtn.properties['disabled']).toBe(false);
//
//         headertodaybtn.nativeElement.click();
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.nativeElement.value).toBe(getDateString(date));
//     });
//
//     it('options - disable weekends', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {firstDayOfWeek: 'mo', disableWeekends: true};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.generateCalendar(10, 2016, true);
//
//         fixture.detectChanges();
//         let disabled = getElements('tr .disabled');
//         expect(disabled).not.toBe(null);
//         expect(disabled.length).toBe(12);
//
//         let firstDisabled = disabled[0];
//         expect(firstDisabled.nativeElement.textContent.trim()).toBe('1');
//
//         let secondDisabled = disabled[1];
//         expect(secondDisabled.nativeElement.textContent.trim()).toBe('2');
//
//         let lastDisabled = disabled[disabled.length - 1];
//         expect(lastDisabled.nativeElement.textContent.trim()).toBe('6');
//
//         fixture.detectChanges();
//         firstDisabled.nativeElement.click();
//         let selection = getElement('.selection');
//         expect(selection.nativeElement.value).toBe('');
//
//         fixture.detectChanges();
//         secondDisabled.nativeElement.click();
//         selection = getElement('.selection');
//         expect(selection.nativeElement.value).toBe('');
//
//         fixture.detectChanges();
//         let selectableDays = getElements('.tablesingleday');
//         expect(selectableDays).not.toBe(null);
//         expect(selectableDays.length).toBe(21);
//
//         selectableDays[0].nativeElement.click();
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection.nativeElement.value).toContain('2016-10-03');
//     });
//
//     it('options - inline', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {inline: true};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let selector = getElement('.selector');
//         expect(selector).not.toBe(null);
//
//         fixture.detectChanges();
//         let selectiongroup = getElement('.selectiongroup');
//         expect(selectiongroup).toBe(null);
//     });
//
//     it('options - show clear date button', () => {
//         let date = new Date();
//         comp.selectedMonth = {monthTxt: '', monthNbr: date.getMonth() + 1, year: date.getFullYear()};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let currday = getElement('.currday');
//         expect(currday).not.toBe(null);
//
//         currday.nativeElement.click();
//
//         fixture.detectChanges();
//         let btnclear = getElement('.btnclear');
//         expect(btnclear).not.toBe(null);
//
//         btnclear.nativeElement.click();
//
//         comp.options = {showClearDateBtn: true};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         currday = getElement('.currday');
//         expect(currday).not.toBe(null);
//
//         currday.nativeElement.click();
//
//         fixture.detectChanges();
//         btnclear = getElement('.btnclear');
//         expect(btnclear).not.toBe(null);
//         btnclear.nativeElement.click();
//
//         btnclear.nativeElement.click();
//
//
//         comp.options = {showClearDateBtn: false};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         currday = getElement('.currday');
//         expect(currday).not.toBe(null);
//
//         currday.nativeElement.click();
//
//         fixture.detectChanges();
//         btnclear = getElement('.btnclear');
//         expect(btnclear).toBe(null);
//     });
//
//     it('options - height', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {height: '50px'};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.styles['height']).toBe('50px');
//     });
//
//     it('options - width', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {width: '300px'};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         expect(de).not.toBe(null);
//         expect(de.styles['width']).toBe('300px');
//
//         comp.options = {width: '20%'};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         expect(de).not.toBe(null);
//         expect(de.styles['width']).toBe('20%');
//     });
//
//     it('options - selection text font size', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {selectionTxtFontSize: '10px'};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.styles['font-size']).toBe('10px');
//     });
//
//     it('options - align selector right', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {alignSelectorRight: true};
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let alignselectorright = getElement('.alignselectorright');
//         expect(alignselectorright).not.toBe(null);
//
//         comp.options = {alignSelectorRight: false};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         alignselectorright = getElement('.alignselectorright');
//         expect(alignselectorright).toBe(null);
//     });
//
//     it('options - open selector top of input', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {openSelectorTopOfInput: true, height: '30px'};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         let value: string = comp.getSelectorTopPosition();
//         expect(value).not.toBe(null);
//         expect(value).toBe('32px');
//
//         btnpicker.nativeElement.click();
//
//
//         comp.options = {openSelectorTopOfInput: false};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         value = comp.getSelectorTopPosition();
//         expect(value).toBe(undefined);
//
//
//         btnpicker.nativeElement.click();
//
//         comp.options = {};
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         value = comp.getSelectorTopPosition();
//         expect(value).toBe(undefined);
//     });
//
//     it('options - indicate invalid date', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {indicateInvalidDate: true, dateFormat: 'dd.mm.yyyy'};
//
//         comp.parseOptions();
//
//         comp.userDateInput({target:{value:'2016-08-22'}});
//         fixture.detectChanges();
//         let invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'2016-08-xx'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'2016-08-99'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'10.10.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).toBe(null);
//     });
//
//     it('options - disableUntil input dates validation', ()=> {
//         comp.options = {
//             indicateInvalidDate: true,
//             dateFormat: 'dd.mm.yyyy',
//             disableUntil:{year: 2016, month: 11, day: 4}
//         };
//
//         comp.parseOptions();
//
//         comp.userDateInput({target:{value:'11.12.2015'}});
//         fixture.detectChanges();
//         let invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'11.06.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'04.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'05.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).toBe(null);
//
//         comp.options = {
//             indicateInvalidDate: true,
//             dateFormat: 'dd.mm.yyyy',
//             disableUntil:{year: 0, month: 0, day: 0}
//         };
//
//         comp.parseOptions();
//
//         comp.userDateInput({target:{value:'11.12.2015'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).toBe(null);
//     });
//
//     it('options - disableSince input dates validation', ()=> {
//         comp.options = {
//             indicateInvalidDate: true,
//             dateFormat: 'dd.mm.yyyy',
//             disableSince:{year: 2016, month: 11, day: 22}
//         };
//
//         comp.parseOptions();
//
//         comp.userDateInput({target:{value:'08.12.2017'}});
//         fixture.detectChanges();
//         let invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'08.12.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'23.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'21.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).toBe(null);
//
//         comp.options = {
//             indicateInvalidDate: true,
//             dateFormat: 'dd.mm.yyyy',
//             disableSince:{year: 0, month: 0, day: 0}
//         };
//
//         comp.parseOptions();
//
//         comp.userDateInput({target:{value:'11.12.2015'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).toBe(null);
//     });
//
//     it('options - disable weekends input date validation', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 11, year: 2016};
//         comp.options = {
//             indicateInvalidDate: true,
//             dateFormat: 'dd.mm.yyyy',
//             disableWeekends: true,
//             firstDayOfWeek: 'mo'
//         };
//
//         comp.parseOptions();
//
//         comp.userDateInput({target:{value:'05.11.2016'}});
//         fixture.detectChanges();
//         let invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'06.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'12.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'13.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'19.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'20.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'26.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'27.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'04.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).toBe(null);
//     });
//
//     it('options - disableDays input date validation', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 11, year: 2016};
//         comp.options = {
//             indicateInvalidDate: true,
//             dateFormat: 'dd.mm.yyyy',
//             disableDays: [
//                 {year: 2016, month: 11, day: 1},
//                 {year: 2016, month: 11, day: 3},
//                 {year: 2016, month: 11, day: 5},
//                 {year: 2016, month: 11, day: 7}
//             ],
//             firstDayOfWeek: 'mo'
//         };
//
//         comp.parseOptions();
//
//         comp.userDateInput({target:{value:'01.11.2016'}});
//         fixture.detectChanges();
//         let invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'03.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'05.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'07.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).not.toBe(null);
//
//         comp.userDateInput({target:{value:'02.11.2016'}});
//         fixture.detectChanges();
//         invaliddate = getElement('.invaliddate');
//         expect(invaliddate).toBe(null);
//     });
//
//     it('options - disable component', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {componentDisabled: true};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//
//         btnpicker.nativeElement.click();
//         fixture.detectChanges();
//
//         let selector = getElement('.selector');
//         expect(selector).toBe(null);
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//
//         selection.nativeElement.value = '2016-11-14';
//
//         fixture.detectChanges();
//         expect(selection.nativeElement.value).toContain('');
//     });
//
//     it('options - editable date field', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {editableDateField: false};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//
//         selection.nativeElement.value = '2016-11-14';
//
//         fixture.detectChanges();
//         expect(selection.nativeElement.value).toContain('');
//
//         comp.options = {editableDateField: true};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//
//         selection.nativeElement.value = '2016-11-14';
//
//         fixture.detectChanges();
//         expect(selection.nativeElement.value).toContain('2016-11-14');
//     });
//
//     it('options - click input to open selector', () => {
//
//         let selection: DebugElement,
//             selector: DebugElement;
//
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {editableDateField: true};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//
//         selection.nativeElement.click();
//
//         fixture.detectChanges();
//         selector = getElement('.selector');
//         expect(selector).toBe(null);
//
//         comp.options = {editableDateField: false, openSelectorOnInputClick: true};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//
//         selection.nativeElement.click();
//
//         fixture.detectChanges();
//         selector = getElement('.selector');
//         expect(selector).not.toBe(null);
//     });
//
//     it('options - input field value required', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.properties['required']).toBe(false);
//
//         comp.options = {inputValueRequired: true};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.properties['required']).toBe(true);
//
//         comp.options = {inputValueRequired: false};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.properties['required']).toBe(false);
//     });
//
//     it('options - show selector arrow', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let selectorarrow = getElement('.selectorarrow');
//         expect(selectorarrow).not.toBe(null);
//         btnpicker.nativeElement.click();
//
//
//         comp.options = {showSelectorArrow: false};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         selectorarrow = getElement('.selectorarrow');
//         expect(selectorarrow).toBe(null);
//         btnpicker.nativeElement.click();
//
//
//         comp.options = {showSelectorArrow: true};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         selectorarrow = getElement('.selectorarrow');
//         expect(selectorarrow).not.toBe(null);
//         btnpicker.nativeElement.click();
//     });
//
//     it('options - show input field', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 10, year: 2016};
//         comp.options = {};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//
//
//         comp.options = {showInputField: false};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection).toBe(null);
//
//
//         comp.options = {showInputField: true};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//     });
//
//     it('options - input auto fill', () => {
//         comp.options = {inputAutoFill: false};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//
//         fixture.detectChanges();
//         selection.nativeElement.value = '2016-2-1';
//         fixture.nativeElement.querySelector('.selection').dispatchEvent(new Event('keyup'));
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection.nativeElement.value).toBe('2016-2-1');
//
//
//         comp.options = {inputAutoFill: true};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         selection.nativeElement.value = '';
//
//         fixture.detectChanges();
//         selection.nativeElement.value = '2016-1-';
//         fixture.nativeElement.querySelector('.selection').dispatchEvent(new Event('keyup'));
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection.nativeElement.value).toBe('2016-01-');
//
//         fixture.detectChanges();
//         selection.nativeElement.value = '2016-01-9';
//         fixture.nativeElement.querySelector('.selection').dispatchEvent(new Event('keyup'));
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection.nativeElement.value).toBe('2016-01-09');
//     });
//
//     it('options - show week numbers', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 1, year: 2017};
//         comp.options = {showWeekNumbers: false};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let weekdaytitleweeknbr = getElement('.weekdaytitleweeknbr');
//         expect(weekdaytitleweeknbr).toBe(null);
//
//         fixture.detectChanges();
//         let daycellweeknbr = getElements('.daycellweeknbr');
//         expect(daycellweeknbr.length).toBe(0);
//
//         btnpicker.nativeElement.click();
//
//
//         comp.options = {showWeekNumbers: true};
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         weekdaytitleweeknbr = getElement('.weekdaytitleweeknbr');
//         expect(weekdaytitleweeknbr).not.toBe(null);
//
//         fixture.detectChanges();
//         daycellweeknbr = getElements('.daycellweeknbr');
//         expect(daycellweeknbr.length).toBe(6);
//
//         expect(daycellweeknbr[0].nativeElement.textContent.trim()).toBe('52');
//         expect(daycellweeknbr[1].nativeElement.textContent.trim()).toBe('1');
//         expect(daycellweeknbr[2].nativeElement.textContent.trim()).toBe('2');
//         expect(daycellweeknbr[3].nativeElement.textContent.trim()).toBe('3');
//         expect(daycellweeknbr[4].nativeElement.textContent.trim()).toBe('4');
//         expect(daycellweeknbr[5].nativeElement.textContent.trim()).toBe('5');
//
//         fixture.detectChanges();
//         let prevyear = getElement(PREVYEAR);
//         expect(prevyear).not.toBe(null);
//         prevyear.nativeElement.click();
//
//         fixture.detectChanges();
//         daycellweeknbr = getElements('.daycellweeknbr');
//         expect(daycellweeknbr.length).toBe(6);
//
//         expect(daycellweeknbr[0].nativeElement.textContent.trim()).toBe('53');
//         expect(daycellweeknbr[1].nativeElement.textContent.trim()).toBe('1');
//         expect(daycellweeknbr[2].nativeElement.textContent.trim()).toBe('2');
//         expect(daycellweeknbr[3].nativeElement.textContent.trim()).toBe('3');
//         expect(daycellweeknbr[4].nativeElement.textContent.trim()).toBe('4');
//         expect(daycellweeknbr[5].nativeElement.textContent.trim()).toBe('5');
//
//         prevyear.nativeElement.click();
//
//         fixture.detectChanges();
//         daycellweeknbr = getElements('.daycellweeknbr');
//         expect(daycellweeknbr.length).toBe(6);
//
//         expect(daycellweeknbr[0].nativeElement.textContent.trim()).toBe('1');
//         expect(daycellweeknbr[1].nativeElement.textContent.trim()).toBe('2');
//         expect(daycellweeknbr[2].nativeElement.textContent.trim()).toBe('3');
//         expect(daycellweeknbr[3].nativeElement.textContent.trim()).toBe('4');
//         expect(daycellweeknbr[4].nativeElement.textContent.trim()).toBe('5');
//         expect(daycellweeknbr[5].nativeElement.textContent.trim()).toBe('6');
//     });
//
//     it('options - aria label texts', () => {
//         comp.selectedDate = comp.parseSelectedDate('2017-10-11');
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         expect(btnpicker).not.toBe(null);
//         expect(btnpicker.nativeElement.attributes['aria-label'].textContent).toBe('Open Calendar');
//
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.nativeElement.attributes['aria-label'].textContent).toBe('Date input field');
//
//         fixture.detectChanges();
//         let btnclear = getElement('.btnclear');
//         expect(btnclear).not.toBe(null);
//         expect(btnclear.nativeElement.attributes['aria-label'].textContent).toBe('Clear Date');
//
//
//         fixture.detectChanges();
//         let prevmonth = getElement(PREVMONTH);
//         expect(prevmonth).not.toBe(null);
//         expect(prevmonth.nativeElement.attributes['aria-label'].textContent).toBe('Previous Month');
//
//         fixture.detectChanges();
//         let nextmonth = getElement(NEXTMONTH);
//         expect(nextmonth).not.toBe(null);
//         expect(nextmonth.nativeElement.attributes['aria-label'].textContent).toBe('Next Month');
//
//         fixture.detectChanges();
//         let prevyear = getElement(PREVYEAR);
//         expect(prevyear).not.toBe(null);
//         expect(prevyear.nativeElement.attributes['aria-label'].textContent).toBe('Previous Year');
//
//         fixture.detectChanges();
//         let nextyear = getElement(NEXTYEAR);
//         expect(nextyear).not.toBe(null);
//         expect(nextyear.nativeElement.attributes['aria-label'].textContent).toBe('Next Year');
//
//         btnpicker.nativeElement.click();
//
//         comp.options = {
//             ariaLabelInputField: 'text 1',
//             ariaLabelClearDate: 'text 2',
//             ariaLabelOpenCalendar: 'text 3',
//             ariaLabelPrevMonth: 'text 4',
//             ariaLabelNextMonth: 'text 5',
//             ariaLabelPrevYear: 'text 6',
//             ariaLabelNextYear: 'text 7'
//         };
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         btnpicker = getElement('.btnpicker');
//         expect(btnpicker).not.toBe(null);
//         expect(btnpicker.nativeElement.attributes['aria-label'].textContent).toBe(comp.options.ariaLabelOpenCalendar);
//
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.nativeElement.attributes['aria-label'].textContent).toBe(comp.options.ariaLabelInputField);
//
//         fixture.detectChanges();
//         btnclear = getElement('.btnclear');
//         expect(btnclear).not.toBe(null);
//         expect(btnclear.nativeElement.attributes['aria-label'].textContent).toBe(comp.options.ariaLabelClearDate);
//
//
//         fixture.detectChanges();
//         prevmonth = getElement(PREVMONTH);
//         expect(prevmonth).not.toBe(null);
//         expect(prevmonth.nativeElement.attributes['aria-label'].textContent).toBe(comp.options.ariaLabelPrevMonth);
//
//         fixture.detectChanges();
//         nextmonth = getElement(NEXTMONTH);
//         expect(nextmonth).not.toBe(null);
//         expect(nextmonth.nativeElement.attributes['aria-label'].textContent).toBe(comp.options.ariaLabelNextMonth);
//
//         fixture.detectChanges();
//         prevyear = getElement(PREVYEAR);
//         expect(prevyear).not.toBe(null);
//         expect(prevyear.nativeElement.attributes['aria-label'].textContent).toBe(comp.options.ariaLabelPrevYear);
//
//         fixture.detectChanges();
//         nextyear = getElement(NEXTYEAR);
//         expect(nextyear).not.toBe(null);
//         expect(nextyear.nativeElement.attributes['aria-label'].textContent).toBe(comp.options.ariaLabelNextYear);
//     });
//
//     it('locale - use fr locale', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 1, year: 2016};
//         comp.locale = 'fr';
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let days = getElements('.caltable thead tr th');
//         expect(days.length).toBe(7);
//         expect(days[0].nativeElement.textContent).toBe('Lun');
//         expect(days[1].nativeElement.textContent).toBe('Mar');
//         expect(days[2].nativeElement.textContent).toBe('Mer');
//         expect(days[3].nativeElement.textContent).toBe('Jeu');
//         expect(days[4].nativeElement.textContent).toBe('Ven');
//         expect(days[5].nativeElement.textContent).toBe('Sam');
//         expect(days[6].nativeElement.textContent).toBe('Dim');
//
//         fixture.detectChanges();
//         let nextmonth = getElement(NEXTMONTH);
//         expect(nextmonth).not.toBe(null);
//
//         fixture.detectChanges();
//         let monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Jan');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Fév');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Mar');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Avr');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Mai');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Juin');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Juil');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Aoû');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Sep');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Oct');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Nov');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Déc');
//
//         fixture.detectChanges();
//         let headertodaybtn = getElement('.headertodaybtn');
//         expect(headertodaybtn).not.toBe(null);
//         expect(headertodaybtn.nativeElement.textContent).toBe('Aujourd\'hui');
//
//         fixture.detectChanges();
//         let firstDayOfWeek = getElement('.caltable thead tr th:first-child');
//         expect(firstDayOfWeek).not.toBe(null);
//         expect(firstDayOfWeek.nativeElement.textContent).toBe('Lun');
//
//         fixture.detectChanges();
//         let sunday = getElement('.sunday');
//         expect(sunday).not.toBe(null);
//
//         comp.userDateInput({target:{value:'10/10/2016'}});
//         expect(comp.invalidDate).toBe(false);
//
//         fixture.detectChanges();
//         let invaliddate = getElement('.invaliddate');
//         expect(invaliddate).toBe(null);
//     });
//
//     it('selDate - initially selected date - string', () => {
//         let date: string = '2017-10-11';
//         comp.selectedDate = comp.parseSelectedDate(date);
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.nativeElement.value).toContain('2017-10-11');
//
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let selectedday = getElement('.selectedday div span');
//         expect(selectedday).not.toBe(null);
//         expect(selectedday.nativeElement.textContent).toContain('11');
//
//         fixture.detectChanges();
//         let monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel).not.toBe(null);
//         expect(monthLabel.nativeElement.textContent).toBe('Oct');
//
//         fixture.detectChanges();
//         let yearLabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearLabel).not.toBe(null);
//         expect(yearLabel.nativeElement.textContent).toBe('2017');
//     });
//
//     it('selDate - initially selected date - object', () => {
//         let date: Object = {year: 2017, month: 10, day: 11};
//         comp.selectedDate = comp.parseSelectedDate(date);
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.nativeElement.value).toContain('2017-10-11');
//         expect(comp.selectionDayTxt).toContain('2017-10-11');
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let selectedday = getElement('.selectedday div span');
//         expect(selectedday).not.toBe(null);
//         expect(selectedday.nativeElement.textContent).toContain('11');
//
//         fixture.detectChanges();
//         let monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel).not.toBe(null);
//         expect(monthLabel.nativeElement.textContent).toBe('Oct');
//
//         fixture.detectChanges();
//         let yearLabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearLabel).not.toBe(null);
//         expect(yearLabel.nativeElement.textContent).toBe('2017');
//     });
//
//     it('defaultMonth - initially selected month', () => {
//         comp.selectedMonth = comp.parseSelectedMonth('2019-08');
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel).not.toBe(null);
//         expect(monthLabel.nativeElement.textContent).toBe('Aug');
//
//         fixture.detectChanges();
//         let yearLabel = getElement('.headeryeartxt .headerlabelbtn');
//         expect(yearLabel).not.toBe(null);
//         expect(yearLabel.nativeElement.textContent).toBe('2019');
//     });
//
//     it('placeholder - placeholder text', () => {
//         comp.placeholder = '';
//
//         fixture.detectChanges();
//         let selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.properties['placeholder']).toBe('');
//
//         comp.placeholder = 'Select date';
//
//         fixture.detectChanges();
//         selection = getElement('.selection');
//         expect(selection).not.toBe(null);
//         expect(selection.properties['placeholder']).toBe(comp.placeholder);
//
//
//     });
//
//     it('locale - use id locale', () => {
//         comp.selectedMonth = {monthTxt: '', monthNbr: 1, year: 2016};
//         comp.locale = 'id';
//
//         comp.parseOptions();
//
//         fixture.detectChanges();
//         let btnpicker = getElement('.btnpicker');
//         btnpicker.nativeElement.click();
//
//         fixture.detectChanges();
//         let days = getElements('.caltable thead tr th');
//         expect(days.length).toBe(7);
//         expect(days[0].nativeElement.textContent).toBe('Min');
//         expect(days[1].nativeElement.textContent).toBe('Sen');
//         expect(days[2].nativeElement.textContent).toBe('Sel');
//         expect(days[3].nativeElement.textContent).toBe('Rab');
//         expect(days[4].nativeElement.textContent).toBe('Kam');
//         expect(days[5].nativeElement.textContent).toBe('Jum');
//         expect(days[6].nativeElement.textContent).toBe('Sab');
//
//         fixture.detectChanges();
//         let nextmonth = getElement(NEXTMONTH);
//         expect(nextmonth).not.toBe(null);
//
//         fixture.detectChanges();
//         let monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Jan');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Feb');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Mar');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Apr');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Mei');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Jun');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Jul');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Ags');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Sep');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Okt');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Nov');
//
//         nextmonth.nativeElement.click();
//         fixture.detectChanges();
//         monthLabel = getElement('.headermonthtxt .headerlabelbtn');
//         expect(monthLabel.nativeElement.textContent).toBe('Des');
//
//         fixture.detectChanges();
//         let headertodaybtn = getElement('.headertodaybtn');
//         expect(headertodaybtn).not.toBe(null);
//         expect(headertodaybtn.nativeElement.textContent).toBe('Hari ini');
//
//         fixture.detectChanges();
//         let firstDayOfWeek = getElement('.caltable thead tr th:first-child');
//         expect(firstDayOfWeek).not.toBe(null);
//         expect(firstDayOfWeek.nativeElement.textContent).toBe('Min');
//
//         fixture.detectChanges();
//         let sunday = getElement('.sunday');
//         expect(sunday).not.toBe(null);
//
//         comp.userDateInput({target:{value:'10-10-2016'}});
//         expect(comp.invalidDate).toBe(false);
//
//         fixture.detectChanges();
//         let invaliddate = getElement('.invaliddate');
//         expect(invaliddate).toBe(null);
//     });
//
// });