@@ -4163,4 +4163,73 @@ describe('Datepicker', () => {
41634163 expect ( datePicker . inputElement . value === "1/1/2020" ) . toBe ( true )
41644164 } ) ;
41654165 } ) ;
4166+ describe ( 'EJ2-49003 - Datepicker focus class not added for selected date' , function ( ) {
4167+ let datePicker :any ;
4168+ let keyEventArgs : any = {
4169+ preventDefault : ( ) : void => { /** NO Code */ } ,
4170+ action : 'moveLeft'
4171+ } ;
4172+ beforeEach ( function ( ) {
4173+ let element : HTMLElement = createElement ( 'input' , { id :'date' } ) ;
4174+ document . body . appendChild ( element ) ;
4175+ } ) ;
4176+ afterEach ( function ( ) {
4177+ if ( datePicker ) {
4178+ datePicker . destroy ( ) ;
4179+ }
4180+ document . body . innerHTML = '' ;
4181+ } ) ;
4182+ it ( 'check the focus class added for selected date' , function ( ) {
4183+ datePicker = new DatePicker ( {
4184+ } ) ;
4185+ datePicker . appendTo ( '#date' ) ;
4186+ datePicker . show ( ) ;
4187+ datePicker . value = new Date ( '05/12/2020' ) ;
4188+ datePicker . dataBind ( ) ;
4189+ keyEventArgs . action = "moveRight" ;
4190+ datePicker . inputKeyActionHandle ( keyEventArgs ) ;
4191+ expect ( datePicker . tableBodyElement . querySelectorAll ( '.e-focused-date' ) . length ) . toEqual ( 1 ) ;
4192+ keyEventArgs . action = "moveLeft" ;
4193+ datePicker . inputKeyActionHandle ( keyEventArgs ) ;
4194+ expect ( datePicker . tableBodyElement . querySelectorAll ( '.e-focused-date' ) . length ) . toEqual ( 1 ) ;
4195+ var selectedCell = datePicker . tableBodyElement . querySelector ( '.e-selected' ) ;
4196+ expect ( selectedCell . classList . contains ( 'e-focused-date' ) ) . toBe ( true ) ;
4197+ } ) ;
4198+ it ( 'check the focus class added for predefined value' , function ( ) {
4199+ datePicker = new DatePicker ( {
4200+ value : new Date ( '05/12/2020' )
4201+ } ) ;
4202+ datePicker . appendTo ( '#date' ) ;
4203+ datePicker . show ( ) ;
4204+ keyEventArgs . action = "moveRight" ;
4205+ datePicker . inputKeyActionHandle ( keyEventArgs ) ;
4206+ expect ( datePicker . tableBodyElement . querySelectorAll ( '.e-focused-date' ) . length ) . toEqual ( 1 ) ;
4207+ keyEventArgs . action = "moveLeft" ;
4208+ datePicker . inputKeyActionHandle ( keyEventArgs ) ;
4209+ expect ( datePicker . tableBodyElement . querySelectorAll ( '.e-focused-date' ) . length ) . toEqual ( 1 ) ;
4210+ var selectedCell = datePicker . tableBodyElement . querySelector ( '.e-selected' ) ;
4211+ expect ( selectedCell . classList . contains ( 'e-focused-date' ) ) . toBe ( true ) ;
4212+ } ) ;
4213+ } ) ;
4214+ describe ( 'EJ2CORE-564 - console error thrown, when disabled the today button property' , ( ) => {
4215+ let datePicker : any ;
4216+ beforeEach ( ( ) => {
4217+ let ele : HTMLElement = createElement ( 'input' , { id : 'date' } ) ;
4218+ document . body . appendChild ( ele ) ;
4219+ } ) ;
4220+ afterEach ( ( ) => {
4221+ if ( datePicker ) {
4222+ datePicker . destroy ( ) ;
4223+ }
4224+ document . body . innerHTML = '' ;
4225+ } ) ;
4226+ it ( 'disable the today button on initialize' , ( ) => {
4227+ datePicker = new DatePicker ( { showTodayButton : false } ) ;
4228+ datePicker . appendTo ( '#date' ) ;
4229+ datePicker . show ( ) ;
4230+ expect ( datePicker . footer ) . toBe ( undefined ) ;
4231+ expect ( datePicker . showTodayButton ) . toBe ( false ) ;
4232+ datePicker . hide ( ) ;
4233+ } ) ;
4234+ } ) ;
41664235} ) ;
0 commit comments