summaryrefslogtreecommitdiffstats
path: root/js/vendor/angular-ui/modules/directives/date/test/dateSpec.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/vendor/angular-ui/modules/directives/date/test/dateSpec.js')
-rw-r--r--js/vendor/angular-ui/modules/directives/date/test/dateSpec.js354
1 files changed, 354 insertions, 0 deletions
diff --git a/js/vendor/angular-ui/modules/directives/date/test/dateSpec.js b/js/vendor/angular-ui/modules/directives/date/test/dateSpec.js
new file mode 100644
index 000000000..fc0c4db78
--- /dev/null
+++ b/js/vendor/angular-ui/modules/directives/date/test/dateSpec.js
@@ -0,0 +1,354 @@
+/*global describe, beforeEach, it, inject, expect, module, $*/
+describe('uiDate', function() {
+ 'use strict';
+ var selectDate;
+ selectDate = function(element, date) {
+ element.datepicker('setDate', date);
+ $.datepicker._selectDate(element);
+ };
+ beforeEach(module('ui.directives'));
+ describe('simple use on input element', function() {
+ it('should have a date picker attached', function() {
+ inject(function($compile, $rootScope) {
+ var element;
+ element = $compile("<input ui-date/>")($rootScope);
+ expect(element.datepicker()).toBeDefined();
+ });
+ });
+ it('should be able to get the date from the model', function() {
+ inject(function($compile, $rootScope) {
+ var aDate, element;
+ aDate = new Date(2010, 12, 1);
+ element = $compile("<input ui-date ng-model='x'/>")($rootScope);
+ $rootScope.$apply(function() {
+ $rootScope.x = aDate;
+ });
+ expect(element.datepicker('getDate')).toEqual(aDate);
+ });
+ });
+ it('should put the date in the model', function() {
+ inject(function($compile, $rootScope) {
+ var aDate, element;
+ aDate = new Date(2010, 12, 1);
+ element = $compile("<input ui-date ng-model='x'/>")($rootScope);
+ $rootScope.$apply();
+ selectDate(element, aDate);
+ expect($rootScope.x).toEqual(aDate);
+ });
+ });
+ it('should blur the input element after selecting a date', function() {
+ inject(function($compile, $rootScope) {
+ var aDate, element;
+ aDate = new Date(2010, 12, 1);
+ element = $compile("<input ui-date ng-model='x'/>")($rootScope);
+ $rootScope.$apply();
+ $(document.body).append(element); // Need to add it to the document so that it can get focus
+ element.focus();
+ expect(document.activeElement).toEqual(element[0]);
+ selectDate(element, aDate);
+ expect(document.activeElement).not.toEqual(element[0]);
+ element.remove(); // And then remove it again!
+ });
+ });
+ });
+ describe('when model is not a Date', function() {
+ var element;
+ var scope;
+ beforeEach(inject(function($compile, $rootScope) {
+ element = $compile('<input ui-date="{dateFormat: \'yy-mm-dd\'}" ng-model="x"/>')($rootScope);
+ scope = $rootScope;
+ }));
+ it('should not freak out when the model is null', function() {
+ scope.$apply(function() {
+ scope.x = null;
+ });
+ expect(element.datepicker('getDate')).toBe(null);
+ });
+ it('should not freak out when the model is undefined', function() {
+ scope.$apply(function() {
+ scope.x = undefined;
+ });
+ expect(element.datepicker('getDate')).toBe(null);
+ });
+ it('should throw an error if you try to pass in a boolean when the model is false', function() {
+ expect(function() {
+ scope.$apply(function() {
+ scope.x = false;
+ });
+ }).toThrow();
+ });
+ });
+
+ it('should update the input field correctly on a manual update', function() {
+ inject(function($compile, $rootScope) {
+ var dateString = '2012-08-17';
+ var dateObj = $.datepicker.parseDate('yy-mm-dd', dateString);
+ var element = $compile('<input ui-date="{dateFormat: \'yy-mm-dd\'}" ng-model="x"/>')($rootScope);
+ $rootScope.$apply(function() {
+ $rootScope.x = dateObj;
+ });
+ // Now change the data in the input box
+ dateString = '2012-8-01';
+ dateObj = $.datepicker.parseDate('yy-mm-dd', dateString);
+ element.val(dateString);
+ element.trigger("change");
+ expect(element.datepicker('getDate')).toEqual(dateObj);
+ expect(element.val()).toEqual('2012-08-01');
+ $rootScope.$digest();
+ expect($rootScope.x).toEqual(dateObj);
+ });
+ });
+
+ describe("use with user events", function() {
+ it('should call the user onSelect event within a scope.$apply context', function() {
+ inject(function($compile, $rootScope) {
+ var watched = false;
+ $rootScope.myDateSelected = function() {
+ $rootScope.watchMe = true;
+ }
+ $rootScope.$watch("watchMe", function(watchMe) {
+ if (watchMe) {
+ watched = true;
+ }
+ });
+ var aDate = new Date(2012,9,11);
+ var element = $compile('<input ui-date="{onSelect: myDateSelected}" ng-model="x"/>')($rootScope);
+ $rootScope.$apply();
+ selectDate(element, aDate);
+ expect(watched).toBeTruthy();
+ });
+ });
+ });
+
+ describe('use with ng-required directive', function() {
+ it('should be invalid initially', function() {
+ inject(function($compile, $rootScope) {
+ var aDate, element;
+ aDate = new Date(2010, 12, 1);
+ element = $compile("<input ui-date ng-model='x' ng-required='true' />")($rootScope);
+ $rootScope.$apply();
+ expect(element.hasClass('ng-invalid')).toBeTruthy();
+ });
+ });
+ it('should be valid if model has been specified', function() {
+ inject(function($compile, $rootScope) {
+ var aDate, element;
+ aDate = new Date(2010, 12, 1);
+ element = $compile("<input ui-date ng-model='x' ng-required='true' />")($rootScope);
+ $rootScope.$apply(function() {
+ $rootScope.x = aDate;
+ });
+ expect(element.hasClass('ng-valid')).toBeTruthy();
+ });
+ });
+ it('should be valid after the date has been picked', function() {
+ inject(function($compile, $rootScope) {
+ var aDate, element;
+ aDate = new Date(2010, 12, 1);
+ element = $compile("<input ui-date ng-model='x' ng-required='true' />")($rootScope);
+ $rootScope.$apply();
+ selectDate(element, aDate);
+ expect(element.hasClass('ng-valid')).toBeTruthy();
+ });
+ });
+ });
+ describe('simple use on a div element', function() {
+ it('should have a date picker attached', function() {
+ inject(function($compile, $rootScope) {
+ var element;
+ element = $compile("<div ui-date></div>")($rootScope);
+ expect(element.datepicker()).toBeDefined();
+ });
+ });
+ it('should be able to get the date from the model', function() {
+ inject(function($compile, $rootScope) {
+ var aDate, element;
+ aDate = new Date(2010, 12, 1);
+ element = $compile("<div ui-date ng-model='x'></div>")($rootScope);
+ $rootScope.$apply(function() {
+ $rootScope.x = aDate;
+ });
+ expect(element.datepicker('getDate')).toEqual(aDate);
+ });
+ });
+ it('should put the date in the model', function() {
+ inject(function($compile, $rootScope) {
+ var aDate, element;
+ aDate = new Date(2010, 12, 1);
+ element = $compile("<div ui-date ng-model='x'></div>")($rootScope);
+ $rootScope.$apply();
+ selectDate(element, aDate);
+ expect($rootScope.x).toEqual(aDate);
+ });
+ });
+ });
+ describe('use with ng-required directive', function() {
+ it('should be invalid initially', function() {
+ inject(function($compile, $rootScope) {
+ var element = $compile("<div ui-date ng-model='x' ng-required='true' ></div>")($rootScope);
+ $rootScope.$apply();
+ expect(element.hasClass('ng-invalid')).toBeTruthy();
+ });
+ });
+ it('should be valid if model has been specified', function() {
+ inject(function($compile, $rootScope) {
+ var aDate, element;
+ aDate = new Date(2010, 12, 1);
+ element = $compile("<div ui-date ng-model='x' ng-required='true' ></div>")($rootScope);
+ $rootScope.$apply(function() {
+ $rootScope.x = aDate;
+ });
+ expect(element.hasClass('ng-valid')).toBeTruthy();
+ });
+ });
+ it('should be valid after the date has been picked', function() {
+ inject(function($compile, $rootScope) {
+ var aDate, element;
+ aDate = new Date(2010, 12, 1);
+ element = $compile("<div ui-date ng-model='x' ng-required='true' ></div>")($rootScope);
+ $rootScope.$apply();
+ selectDate(element, aDate);
+ expect(element.hasClass('ng-valid')).toBeTruthy();
+ });
+ });
+ });
+ describe('when attribute options change', function() {
+ it('should watch attribute and update date widget accordingly', function() {
+ inject(function($compile, $rootScope) {
+ var element;
+ $rootScope.config = {
+ minDate: 5
+ };
+ element = $compile("<input ui-date='config' ng-model='x'/>")($rootScope);
+ $rootScope.$apply();
+ expect(element.datepicker("option", "minDate")).toBe(5);
+ $rootScope.$apply(function() {
+ $rootScope.config.minDate = 10;
+ });
+ expect(element.datepicker("option", "minDate")).toBe(10);
+ });
+ });
+ });
+});
+
+describe('uiDateFormat', function() {
+ beforeEach(module('ui.directives'));
+
+ describe('$formatting', function() {
+ it('should parse the date correctly from an ISO string', function() {
+ inject(function($compile, $rootScope) {
+ var aDate, aDateString, element;
+ aDate = new Date(2012,8,17);
+ aDateString = (aDate).toISOString();
+
+ element = $compile('<input ui-date-format ng-model="x"/>')($rootScope);
+ $rootScope.x = aDateString;
+ $rootScope.$digest();
+
+ // Check that the model has not been altered
+ expect($rootScope.x).toEqual(aDateString);
+ // Check that the viewValue has been parsed correctly
+ expect(element.controller('ngModel').$viewValue).toEqual(aDate);
+ });
+ });
+ it('should parse the date correctly from a custom string', function() {
+ inject(function($compile, $rootScope) {
+ var aDate = new Date(2012, 9, 11);
+ var aDateString = "Thursday, 11 October, 2012";
+
+ var element = $compile('<input ui-date-format="DD, d MM, yy" ng-model="x"/>')($rootScope);
+ $rootScope.x = aDateString;
+ $rootScope.$digest();
+
+ // Check that the model has not been altered
+ expect($rootScope.x).toEqual(aDateString);
+ // Check that the viewValue has been parsed correctly
+ expect(element.controller('ngModel').$viewValue).toEqual(aDate);
+ });
+ });
+ it('should handle unusual model values', function() {
+ inject(function($compile, $rootScope) {
+ var element = $compile('<input ui-date-format ng-model="x"/>')($rootScope);
+
+ $rootScope.x = false;
+ $rootScope.$digest();
+ // Check that the model has not been altered
+ expect($rootScope.x).toEqual(false);
+ // Check that the viewValue has been parsed correctly
+ expect(element.controller('ngModel').$viewValue).toEqual(null);
+
+ $rootScope.x = undefined;
+ $rootScope.$digest();
+ // Check that the model has not been altered
+ expect($rootScope.x).toBeUndefined();
+ // Check that the viewValue has been parsed correctly
+ expect(element.controller('ngModel').$viewValue).toEqual(null);
+
+ $rootScope.x = null;
+ $rootScope.$digest();
+ // Check that the model has not been altered
+ expect($rootScope.x).toBeNull();
+ // Check that the viewValue has been parsed correctly
+ expect(element.controller('ngModel').$viewValue).toEqual(null);
+ });
+ });
+ });
+
+ describe('$parsing', function() {
+ it('should format a selected date correctly to an ISO string', function() {
+ inject(function($compile, $rootScope) {
+ var aDate = new Date(2012,8,17);
+ var aDateString = (aDate).toISOString();
+ var element = $compile('<input ui-date-format ng-model="x"/>')($rootScope);
+ $rootScope.$digest();
+
+ element.controller('ngModel').$setViewValue(aDate);
+ // Check that the model is updated correctly
+ expect($rootScope.x).toEqual(aDateString);
+ // Check that the $viewValue has not been altered
+ expect(element.controller('ngModel').$viewValue).toEqual(aDate);
+ });
+ });
+
+ it('should format a selected date correctly to a custom string', function() {
+ inject(function($compile, $rootScope) {
+ var format = 'DD, d MM, yy';
+ var aDate = new Date(2012,9,11);
+ var aDateString = "Thursday, 11 October, 2012";
+ var element = $compile('<input ui-date-format="' + format + '" ng-model="x"/>')($rootScope);
+ $rootScope.$digest();
+
+ element.controller('ngModel').$setViewValue(aDate);
+ // Check that the model is updated correctly
+ expect($rootScope.x).toEqual(aDateString);
+ // Check that the $viewValue has not been altered
+ expect(element.controller('ngModel').$viewValue).toEqual(aDate);
+ });
+ });
+ });
+
+ describe('with uiConfig', function() {
+ var element, scope, config;
+ var format = 'DD, d MM, yy';
+ var aDate = new Date(2012,9,11);
+ var aDateString = "Thursday, 11 October, 2012";
+ var aISODateString = aDate.toISOString();
+ beforeEach(inject(['$compile', '$rootScope', 'ui.config', function($compile, $rootScope, uiConfig) {
+ config = uiConfig;
+ element = $compile('<input ui-date-format ng-model="x"/>')($rootScope);
+ scope = $rootScope;
+ }]));
+
+ it('use ISO if not config value', function() {
+ scope.x = aISODateString;
+ scope.$digest();
+ expect(element.controller('ngModel').$viewValue).toEqual(aDate);
+ });
+ it('use format value if config given', function() {
+ config.dateFormat = format;
+ scope.x = aDateString;
+ scope.$digest();
+ expect(element.controller('ngModel').$viewValue).toEqual(aDate);
+ });
+ });
+});