2210 lines
80 KiB
TypeScript
2210 lines
80 KiB
TypeScript
// //<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);
|
|
// });
|
|
//
|
|
// });
|