115 lines
4.0 KiB
JavaScript
115 lines
4.0 KiB
JavaScript
|
module('DATA-API');
|
||
|
|
||
|
test('DATA-API: data-provide="datepicker" on input; focus', function(){
|
||
|
var input = $('<input data-provide="datepicker" />')
|
||
|
.appendTo('#qunit-fixture');
|
||
|
input.focus();
|
||
|
ok(input.data('datepicker'), 'datepicker is initialized by "focus" event');
|
||
|
});
|
||
|
|
||
|
test('DATA-API: data-provide="datepicker" on input; click', function(){
|
||
|
var input = $('<input data-provide="datepicker" />')
|
||
|
.appendTo('#qunit-fixture');
|
||
|
input.click();
|
||
|
ok(input.data('datepicker'), 'datepicker is initialized by "focus" event');
|
||
|
});
|
||
|
|
||
|
test('DATA-API: data-provide="datepicker" on component', function(){
|
||
|
var html, comp;
|
||
|
|
||
|
html = '<div class="input-append date" data-provide="datepicker">'+
|
||
|
'<input><span class="add-on"><i class="icon-th"></i></span>'+
|
||
|
'</div>';
|
||
|
|
||
|
comp = $(html).appendTo('#qunit-fixture');
|
||
|
comp.find('input').focus();
|
||
|
ok(comp.data('datepicker'), 'append component initialized by "focus" event on input');
|
||
|
comp.remove();
|
||
|
|
||
|
comp = $(html).appendTo('#qunit-fixture');
|
||
|
comp.find('input').click();
|
||
|
ok(comp.data('datepicker'), 'append component initialized by "click" event on input');
|
||
|
comp.remove();
|
||
|
|
||
|
comp = $(html).appendTo('#qunit-fixture');
|
||
|
comp.find('.add-on').focus();
|
||
|
ok(comp.data('datepicker'), 'append component initialized by "focus" event on add-on');
|
||
|
comp.remove();
|
||
|
|
||
|
comp = $(html).appendTo('#qunit-fixture');
|
||
|
comp.find('.add-on').click();
|
||
|
ok(comp.data('datepicker'), 'append component initialized by "click" event on add-on');
|
||
|
comp.remove();
|
||
|
|
||
|
|
||
|
html = '<div class="input-prepend date" data-provide="datepicker">'+
|
||
|
'<span class="add-on"><i class="icon-th"></i></span><input>'+
|
||
|
'</div>';
|
||
|
|
||
|
comp = $(html).prependTo('#qunit-fixture');
|
||
|
comp.find('input').focus();
|
||
|
ok(comp.data('datepicker'), 'prepend component initialized by "focus" event on input');
|
||
|
comp.remove();
|
||
|
|
||
|
comp = $(html).prependTo('#qunit-fixture');
|
||
|
comp.find('input').click();
|
||
|
ok(comp.data('datepicker'), 'prepend component initialized by "click" event on input');
|
||
|
comp.remove();
|
||
|
|
||
|
comp = $(html).prependTo('#qunit-fixture');
|
||
|
comp.find('.add-on').focus();
|
||
|
ok(comp.data('datepicker'), 'prepend component initialized by "focus" event on add-on');
|
||
|
comp.remove();
|
||
|
|
||
|
comp = $(html).prependTo('#qunit-fixture');
|
||
|
comp.find('.add-on').click();
|
||
|
ok(comp.data('datepicker'), 'prepend component initialized by "click" event on add-on');
|
||
|
comp.remove();
|
||
|
});
|
||
|
|
||
|
test('DATA-API: data-provide="datepicker" on button', function(){
|
||
|
var html, comp;
|
||
|
|
||
|
html = '<button data-provide="datepicker">';
|
||
|
|
||
|
comp = $(html).appendTo('#qunit-fixture');
|
||
|
comp.focus();
|
||
|
ok(comp.data('datepicker'), 'button initialized by "focus" event on input');
|
||
|
comp.remove();
|
||
|
|
||
|
comp = $(html).appendTo('#qunit-fixture');
|
||
|
comp.click();
|
||
|
ok(comp.data('datepicker'), 'button initialized by "click" event on input');
|
||
|
comp.remove();
|
||
|
});
|
||
|
|
||
|
test('DATA-API: data-provide="datepicker" on rangepicker', function(){
|
||
|
var html, comp;
|
||
|
|
||
|
html = '<div class="input-daterange" data-provide="datepicker">'+
|
||
|
'<input class="datepicker">'+
|
||
|
'<span class="add-on">to</span>'+
|
||
|
'<input class="datepicker">'+
|
||
|
'</div>';
|
||
|
|
||
|
comp = $(html).appendTo('#qunit-fixture');
|
||
|
comp.find('input:first').focus();
|
||
|
ok(comp.data('datepicker'), 'range initialized by "focus" event on first input');
|
||
|
comp.remove();
|
||
|
|
||
|
comp = $(html).appendTo('#qunit-fixture');
|
||
|
comp.find('input:first').click();
|
||
|
ok(comp.data('datepicker'), 'range initialized by "click" event on first input');
|
||
|
comp.remove();
|
||
|
|
||
|
comp = $(html).appendTo('#qunit-fixture');
|
||
|
comp.find('input:last').focus();
|
||
|
ok(comp.data('datepicker'), 'range initialized by "focus" event on last input');
|
||
|
comp.remove();
|
||
|
|
||
|
comp = $(html).appendTo('#qunit-fixture');
|
||
|
comp.find('input:last').click();
|
||
|
ok(comp.data('datepicker'), 'range initialized by "click" event on last input');
|
||
|
comp.remove();
|
||
|
});
|