aboutsummaryrefslogtreecommitdiffhomepage
path: root/public/bower_components/bootstrap-datepicker/tests/suites/keyboard_navigation/2012.js
diff options
context:
space:
mode:
Diffstat (limited to 'public/bower_components/bootstrap-datepicker/tests/suites/keyboard_navigation/2012.js')
-rw-r--r--public/bower_components/bootstrap-datepicker/tests/suites/keyboard_navigation/2012.js483
1 files changed, 483 insertions, 0 deletions
diff --git a/public/bower_components/bootstrap-datepicker/tests/suites/keyboard_navigation/2012.js b/public/bower_components/bootstrap-datepicker/tests/suites/keyboard_navigation/2012.js
new file mode 100644
index 0000000..53dbb7d
--- /dev/null
+++ b/public/bower_components/bootstrap-datepicker/tests/suites/keyboard_navigation/2012.js
@@ -0,0 +1,483 @@
+module('Keyboard Navigation 2012', {
+ setup: function(){
+ /*
+ Tests start with picker on March 31, 2012. Fun facts:
+
+ * February 1, 2012 was on a Wednesday
+ * February 29, 2012 was on a Wednesday
+ * March 1, 2012 was on a Thursday
+ * March 31, 2012 was on a Saturday
+ */
+ this.input = $('<input type="text" value="31-03-2012">')
+ .appendTo('#qunit-fixture')
+ .datepicker({format: "dd-mm-yyyy"})
+ .focus(); // Activate for visibility checks
+ this.dp = this.input.data('datepicker');
+ this.picker = this.dp.picker;
+ },
+ teardown: function(){
+ this.picker.remove();
+ }
+});
+
+
+test('by day (right/left arrows)', function(){
+ var target;
+
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Navigation: -1 day, left arrow key
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 37
+ });
+ // view and focus updated on keyboard navigation, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2012, 2, 30));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2012, 2, 30));
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Navigation: +1 day, right arrow key
+ for (var i=0; i<2; i++)
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 39
+ });
+ datesEqual(this.dp.viewDate, UTCDate(2012, 3, 1));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2012, 3, 1));
+ // Month changed: April 1 (this is not a joke!)
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'April 2012', 'Title is "April 2012"');
+});
+
+test('by week (up/down arrows)', function(){
+ var target;
+
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Navigation: -1 week, up arrow key
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 38
+ });
+ // view and focus updated on keyboard navigation, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2012, 2, 24));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2012, 2, 24));
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Navigation: +1 week, down arrow key
+ for (var i=0; i<2; i++)
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 40
+ });
+ datesEqual(this.dp.viewDate, UTCDate(2012, 3, 7));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2012, 3, 7));
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'April 2012', 'Title is "April 2012"');
+});
+
+test('by month, v1 (shift + left/right arrows)', function(){
+ var target;
+
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Navigation: -1 month, shift + left arrow key
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 37,
+ shiftKey: true
+ });
+ // view and focus updated on keyboard navigation w/ graceful date ends, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2012, 1, 29));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2012, 1, 29));
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'February 2012', 'Title is "February 2012"');
+
+ // Navigation: +1 month, shift + right arrow key
+ for (var i=0; i<2; i++)
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 39,
+ shiftKey: true
+ });
+ datesEqual(this.dp.viewDate, UTCDate(2012, 3, 29));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2012, 3, 29));
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'April 2012', 'Title is "April 2012"');
+});
+
+test('by month, v2 (shift + up/down arrows)', function(){
+ var target;
+
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Navigation: -1 month, shift + up arrow key
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 38,
+ shiftKey: true
+ });
+ // view and focus updated on keyboard navigation w/ graceful date ends, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2012, 1, 29));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2012, 1, 29));
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'February 2012', 'Title is "February 2012"');
+
+ // Navigation: +1 month, shift + down arrow key
+ for (var i=0; i<2; i++)
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 40,
+ shiftKey: true
+ });
+ datesEqual(this.dp.viewDate, UTCDate(2012, 3, 29));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2012, 3, 29));
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'April 2012', 'Title is "April 2012"');
+});
+
+test('by year, v1 (ctrl + left/right arrows)', function(){
+ var target;
+
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-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
+ });
+ // view and focus updated on keyboard navigation, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2011, 2, 31));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2011, 2, 31));
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2011', 'Title is "March 2011"');
+
+ // Navigation: +1 year, ctrl + right arrow key
+ for (var i=0; i<2; i++)
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 39,
+ ctrlKey: true
+ });
+ datesEqual(this.dp.viewDate, UTCDate(2013, 2, 31));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2013, 2, 31));
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2013', 'Title is "March 2013"');
+});
+
+test('by year, v2 (ctrl + up/down arrows)', function(){
+ var target;
+
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Navigation: -1 year, ctrl + up arrow key
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 38,
+ ctrlKey: true
+ });
+ // view and focus updated on keyboard navigation, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2011, 2, 31));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2011, 2, 31));
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2011', 'Title is "March 2011"');
+
+ // Navigation: +1 year, ctrl + down arrow key
+ for (var i=0; i<2; i++)
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 40,
+ ctrlKey: true
+ });
+ datesEqual(this.dp.viewDate, UTCDate(2013, 2, 31));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2013, 2, 31));
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2013', 'Title is "March 2013"');
+});
+
+test('by year, v3 (ctrl + shift + left/right arrows)', function(){
+ var target;
+
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-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,
+ shiftKey: true
+ });
+ // view and focus updated on keyboard navigation, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2011, 2, 31));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2011, 2, 31));
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2011', 'Title is "March 2011"');
+
+ // Navigation: +1 year, ctrl + right arrow key
+ for (var i=0; i<2; i++)
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 39,
+ ctrlKey: true,
+ shiftKey: true
+ });
+ datesEqual(this.dp.viewDate, UTCDate(2013, 2, 31));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2013, 2, 31));
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2013', 'Title is "March 2013"');
+});
+
+test('by year, v4 (ctrl + shift + up/down arrows)', function(){
+ var target;
+
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Navigation: -1 year, ctrl + up arrow key
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 38,
+ ctrlKey: true,
+ shiftKey: true
+ });
+ // view and focus updated on keyboard navigation, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2011, 2, 31));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2011, 2, 31));
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2011', 'Title is "March 2011"');
+
+ // Navigation: +1 year, ctrl + down arrow key
+ for (var i=0; i<2; i++)
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 40,
+ ctrlKey: true,
+ shiftKey: true
+ });
+ datesEqual(this.dp.viewDate, UTCDate(2013, 2, 31));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2013, 2, 31));
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2013', 'Title is "March 2013"');
+});
+
+test('by year, from leap day', function(){
+ var target;
+
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+
+ this.input.val('29-02-2012').datepicker('update');
+ datesEqual(this.dp.viewDate, UTCDate(2012, 1, 29));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 1, 29));
+ equal(this.dp.focusDate, null);
+ equal(target.text(), 'February 2012', 'Title is "February 2012"');
+
+ // Navigation: -1 year
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 37,
+ ctrlKey: true
+ });
+ // view and focus updated on keyboard navigation w/ graceful month ends, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2011, 1, 28));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 1, 29));
+ datesEqual(this.dp.focusDate, UTCDate(2011, 1, 28));
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'February 2011', 'Title is "February 2011"');
+
+ // Navigation: +1 year, back to leap year
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 39,
+ ctrlKey: true
+ });
+ // view and focus updated on keyboard navigation w/ graceful month ends, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2012, 1, 28));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 1, 29));
+ datesEqual(this.dp.focusDate, UTCDate(2012, 1, 28));
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'February 2012', 'Title is "February 2012"');
+
+ // Navigation: +1 year
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 39,
+ ctrlKey: true
+ });
+ // view and focus updated on keyboard navigation w/ graceful month ends, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2013, 1, 28));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 1, 29));
+ datesEqual(this.dp.focusDate, UTCDate(2013, 1, 28));
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'February 2013', 'Title is "February 2013"');
+});
+
+test('Selection (enter)', function(){
+ var target;
+
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Navigation: -1 day, left arrow key
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 37
+ });
+ // view and focus updated on keyboard navigation, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2012, 2, 30));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2012, 2, 30));
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Selection: Enter
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 13
+ });
+ // view and selection updated, focus cleared
+ datesEqual(this.dp.viewDate, UTCDate(2012, 2, 30));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 30));
+ equal(this.dp.focusDate, null);
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ ok(this.picker.is(':visible'), 'Picker is not hidden');
+});
+
+test('Selection + hide (enter)', function(){
+ var target;
+
+ this.dp._process_options({autoclose: true});
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Navigation: -1 day, left arrow key
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 37
+ });
+ // view and focus updated on keyboard navigation, not selected
+ datesEqual(this.dp.viewDate, UTCDate(2012, 2, 30));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+ datesEqual(this.dp.focusDate, UTCDate(2012, 2, 30));
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ // Selection: Enter
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 13
+ });
+ // view and selection updatedfocus cleared
+ datesEqual(this.dp.viewDate, UTCDate(2012, 2, 30));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 30));
+ equal(this.dp.focusDate, null);
+ // Month not changed
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ ok(this.picker.is(':not(:visible)'), 'Picker is hidden');
+});
+
+test('Toggle hide/show (escape); navigation while hidden is suppressed', function(){
+ var target;
+
+ equal(this.dp.viewMode, 0);
+ target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+ equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+ ok(this.picker.is(':visible'), 'Picker is visible');
+
+ // Hide
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 27
+ });
+
+ ok(this.picker.is(':not(:visible)'), 'Picker is hidden');
+ datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+
+ // left arrow key, *doesn't* navigate
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 37
+ });
+
+ datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+
+ // Show - with escape key
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 27
+ });
+
+ ok(this.picker.is(':visible'), 'Picker is visible');
+ datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
+ datesEqual(this.dp.dates.get(-1), UTCDate(2012, 2, 31));
+
+ // Hide
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 27
+ });
+
+ // Show - with down key
+ this.input.trigger({
+ type: 'keydown',
+ keyCode: 40
+ });
+
+ ok(this.picker.is(':visible'), 'Picker is visible');
+});
+