| Server IP : 49.231.201.246 / Your IP : 216.73.216.149 Web Server : Apache/2.4.18 (Ubuntu) System : User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,mail,shell_exec,system,proc_open,popen,ini_alter,dl,proc_close,curl_exec,curl_multi_exec,readfile,parse_ini_file,escapeshellarg,escapeshellcmd,show_source,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,mail,php_uname,phpinfo MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/eoffice/frontend/web/assets/3444cefd/tests/suites/ |
Upload File : |
module('Component', {
setup: function(){
this.component = $('<div class="input-group date" id="datetimepicker">'+
'<input size="16" type="text" value="12-02-2012" readonly>'+
'<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>'+
'</div>')
.appendTo('#qunit-fixture')
.datetimepicker({format: "dd-mm-yyyy", viewSelect: 2});
this.input = this.component.find('input');
this.addon = this.component.find('.input-group-addon');
this.dp = this.component.data('datetimepicker');
this.picker = this.dp.picker;
},
teardown: function(){
this.picker.remove();
}
});
test('Component gets date/viewDate from input value', function(){
datesEqual(this.dp.date, UTCDate(2012, 1, 12));
datesEqual(this.dp.viewDate, UTCDate(2012, 1, 12));
});
test('Activation by component', function(){
ok(!this.picker.is(':visible'));
this.addon.click();
ok(this.picker.is(':visible'));
});
test('simple keyboard nav test', function(){
var target;
// Keyboard nav only works with non-readonly inputs
this.input.removeAttr('readonly');
equal(this.dp.viewMode, 2);
target = this.picker.find('.datetimepicker-days thead th.switch');
equal(target.text(), 'February 2012', 'Title is "February 2012"');
datesEqual(this.dp.date, UTCDate(2012, 1, 12));
datesEqual(this.dp.viewDate, UTCDate(2012, 1, 12));
// Focus/open
this.addon.click();
// Navigation: -1 day, left arrow key
this.input.trigger({
type: 'keydown',
keyCode: 37
});
datesEqual(this.dp.viewDate, UTCDate(2012, 1, 11));
datesEqual(this.dp.date, UTCDate(2012, 1, 11));
// Month not changed
target = this.picker.find('.datetimepicker-days thead th.switch');
equal(target.text(), 'February 2012', 'Title is "February 2012"');
// Navigation: +1 month, shift + right arrow key
this.input.trigger({
type: 'keydown',
keyCode: 39,
shiftKey: true
});
datesEqual(this.dp.viewDate, UTCDate(2012, 2, 11));
datesEqual(this.dp.date, UTCDate(2012, 2, 11));
target = this.picker.find('.datetimepicker-days thead th.switch');
equal(target.text(), 'March 2012', 'Title is "March 2012"');
// Navigation: -1 year, ctrl + left arrow key
this.input.trigger({
type: 'keydown',
keyCode: 37,
ctrlKey: true
});
datesEqual(this.dp.viewDate, UTCDate(2011, 2, 11));
datesEqual(this.dp.date, UTCDate(2011, 2, 11));
target = this.picker.find('.datetimepicker-days thead th.switch');
equal(target.text(), 'March 2011', 'Title is "March 2011"');
});
test('setValue', function(){
this.dp.date = UTCDate(2012, 2, 13)
this.dp.setValue()
datesEqual(this.dp.date, UTCDate(2012, 2, 13));
equal(this.input.val(), '13-03-2012');
});
test('update', function(){
this.input.val('13-03-2012');
this.dp.update()
datesEqual(this.dp.date, UTCDate(2012, 2, 13));
});
test('Navigating to/from decade view', function(){
var target;
this.addon.click();
this.input.val('31-03-2012');
this.dp.update();
equal(this.dp.viewMode, 2);
target = this.picker.find('.datetimepicker-days thead th.switch');
ok(target.is(':visible'), 'View switcher is visible');
target.click();
ok(this.picker.find('.datetimepicker-months').is(':visible'), 'Month picker is visible');
equal(this.dp.viewMode, 3);
// Not modified when switching modes
datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
datesEqual(this.dp.date, UTCDate(2012, 2, 31));
target = this.picker.find('.datetimepicker-months thead th.switch');
ok(target.is(':visible'), 'View switcher is visible');
target.click();
ok(this.picker.find('.datetimepicker-years').is(':visible'), 'Year picker is visible');
equal(this.dp.viewMode, 4);
// Not modified when switching modes
datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
datesEqual(this.dp.date, UTCDate(2012, 2, 31));
// Change years to test internal state changes
target = this.picker.find('.datetimepicker-years tbody span:contains(2011)');
target.click();
equal(this.dp.viewMode, 3);
// Only viewDate modified
datesEqual(this.dp.viewDate, UTCDate(2011, 2, 1));
datesEqual(this.dp.date, UTCDate(2012, 2, 31));
target = this.picker.find('.datetimepicker-months tbody span:contains(Apr)');
target.click();
equal(this.dp.viewMode, 2);
// Only viewDate modified
datesEqual(this.dp.viewDate, UTCDate(2011, 3, 1));
datesEqual(this.dp.date, UTCDate(2012, 2, 31));
});
test('Selecting date resets viewDate and date', function(){
var target;
this.addon.click();
this.input.val('31-03-2012');
this.dp.update();
// Rendered correctly
equal(this.dp.viewMode, 2);
target = this.picker.find('.datetimepicker-days tbody td:first');
equal(target.text(), '26'); // Should be Feb 26
// Updated internally on click
target.click();
datesEqual(this.dp.viewDate, UTCDate(2012, 1, 26))
datesEqual(this.dp.date, UTCDate(2012, 1, 26))
// Re-rendered on click
target = this.picker.find('.datetimepicker-days tbody td:first');
equal(target.text(), '29'); // Should be Jan 29
});
test('Highlight in month', function() {
// custom setup for specifically bootstrap 2
var component = $('<div class="input-group date" id="datetimepicker">' +
'<input size="16" type="text" value="12-02-2012" readonly>' +
'<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>' +
'</div>')
.appendTo('#qunit-fixture')
.datetimepicker({format: "dd-mm-yyyy", bootcssVer: 2}),
addon = component.find('.input-group-addon'),
picker = component.data('datetimepicker').picker;
addon.click();
equal(picker.find('.datetimepicker-months .month.active').text(), 'Feb');
picker.remove();
// test bootstrap 3 as well
this.addon.click();
equal(this.picker.find('.datetimepicker-months .month.active').text(), 'Feb');
});