2 /* global $, CRM:true */
4 describe('crmMailingRadioDate', function() {
6 beforeEach(function() {
12 var standardMarkup
= '<form name="myForm">' +
13 ' <div crm-mailing-radio-date="mySchedule" ng-model="model.the_date" name="myRadioDate">' +
14 ' <input ng-model="mySchedule.mode" type="radio" name="send" value="now" class="radio-now" />' +
15 ' <input ng-model="mySchedule.mode" type="radio" name="send" value="at" class="radio-at" />' +
16 ' <input crm-ui-datepicker ng-model="mySchedule.datetime" ng-required="mySchedule.mode == \'at\'"/>' +
20 describe('crmMailingRadioDate directive', function() {
28 beforeEach(inject(function(_
$compile_
, _
$rootScope_
, _
$interval_
, _
$timeout_
) {
29 $compile
= _
$compile_
;
30 $rootScope
= _
$rootScope_
;
31 $interval
= _
$interval_
;
32 $timeout
= _
$timeout_
;
34 // Global settings needed for crmUiDatepicker
36 CRM
.config
= CRM
.config
|| {};
37 CRM
.config
.dateInputFormat
= 'mm/dd/yy';
38 CRM
.config
.timeIs24Hr
= true;
40 $rootScope
.model
= model
= {
45 it('should update the UI after changing the model', function() {
46 element
= $compile(standardMarkup
)($rootScope
);
50 expect($rootScope
.myForm
.$valid
).toBe(true);
51 expect(element
.find('.radio-now').prop('checked')).toBe(true);
52 expect(element
.find('.radio-at').prop('checked')).toBe(false);
53 expect(element
.find('.crm-form-date').datepicker('getDate')).toBe(null);
54 expect(element
.find('.crm-form-time').timeEntry('getTime')).toBe(null);
58 expect($rootScope
.myForm
.$valid
).toBe(false);
59 expect(element
.find('.radio-now').prop('checked')).toBe(false);
60 expect(element
.find('.radio-at').prop('checked')).toBe(true);
61 expect(element
.find('.crm-form-date').datepicker('getDate')).toBe(null);
62 expect(element
.find('.crm-form-time').timeEntry('getTime')).toBe(null);
64 model
.the_date
= '2014-01-01';
66 expect($rootScope
.myForm
.$valid
).toBe(false);
67 expect(element
.find('.radio-now').prop('checked')).toBe(false);
68 expect(element
.find('.radio-at').prop('checked')).toBe(true);
69 expect(element
.find('.crm-hidden-date').val()).toEqual('2014-01-01');
70 expect(element
.find('.crm-form-date').val()).toEqual('01/01/2014');
71 expect(element
.find('.crm-form-time').timeEntry('getTime')).toBe(null);
73 model
.the_date
= '02:03:00';
75 expect($rootScope
.myForm
.$valid
).toBe(false);
76 expect(element
.find('.radio-now').prop('checked')).toBe(false);
77 expect(element
.find('.radio-at').prop('checked')).toBe(true);
78 expect(element
.find('.crm-form-date').datepicker('getDate')).toBe(null);
79 expect(element
.find('.crm-form-time').timeEntry('getTime').getMinutes()).toBe(3);
81 model
.the_date
= '2014-01-02 02:03:00';
83 expect($rootScope
.myForm
.$valid
).toBe(false);
84 expect(element
.find('.radio-now').prop('checked')).toBe(false);
85 expect(element
.find('.radio-at').prop('checked')).toBe(true);
86 expect(element
.find('.crm-form-date').datepicker('getDate').toDateString()).toEqual('Thu Jan 02 2014');
87 expect(element
.find('.crm-form-time').timeEntry('getTime').getMinutes()).toBe(3);
92 if (now
.getMonth() == 12) {
95 month
= month
+ (now
.getMonth() + 1);
97 if (now
.getDate() >= 28) {
100 day
= day
+ (now
.getDate() + 1);
102 var year
= (now
.getFullYear() + 1);
103 if (day
.length
< 2) day
= '0' + day
;
104 if (month
.length
< 2) month
= '0' + month
;
107 var datenow
= [year
, month
, day
].join('-');
108 var time
= [hours
, minutes
, "00"].join(':');
109 var currentDate
= datenow
+ ' ' + time
;
110 var ndate
= new Date(datenow
);
111 model
.the_date
= currentDate
;
113 $rootScope
.$digest();
114 expect($rootScope
.myForm
.$valid
).toBe(true);
115 expect(element
.find('.radio-now').prop('checked')).toBe(false);
116 expect(element
.find('.radio-at').prop('checked')).toBe(true);
117 expect(element
.find('.crm-form-date').datepicker('getDate').toDateString()).toEqual(ndate
.toDateString());
118 expect(element
.find('.crm-hidden-date').val()).toEqual(currentDate
);
121 it('should update the model after changing the date and time', function() {
122 element
= $compile(standardMarkup
)($rootScope
);
125 $rootScope
.$digest();
126 expect($rootScope
.myForm
.$valid
).toBe(true);
127 expect(element
.find('.radio-now').prop('checked')).toBe(true);
128 expect(element
.find('.radio-at').prop('checked')).toBe(false);
130 element
.find('.radio-now').click().trigger('click').trigger('change');
131 element
.find('.crm-form-date').datepicker('setDate', $.datepicker
.parseDate('yy-mm-dd', '2014-01-03')).trigger('change');
132 $rootScope
.$digest();
133 expect(model
.the_date
).toBe('2014-01-03');
134 expect($rootScope
.myForm
.$valid
).toBe(false);
135 expect(element
.find('.radio-now').prop('checked')).toBe(false);
136 expect(element
.find('.radio-at').prop('checked')).toBe(true);
138 element
.find('.crm-form-time').timeEntry('setTime', '04:05').trigger('change');
139 $rootScope
.$digest();
140 expect(model
.the_date
).toBe('2014-01-03 04:05:00');
141 expect($rootScope
.myForm
.$valid
).toBe(false);
142 expect(element
.find('.radio-now').prop('checked')).toBe(false);
143 expect(element
.find('.radio-at').prop('checked')).toBe(true);
145 element
.find('.crm-form-date').datepicker('setDate', '').trigger('change');
146 $rootScope
.$digest();
147 expect(model
.the_date
).toBe('04:05:00');
148 expect($rootScope
.myForm
.$valid
).toBe(false);
149 expect(element
.find('.radio-now').prop('checked')).toBe(false);
150 expect(element
.find('.radio-at').prop('checked')).toBe(true);
152 element
.find('.radio-now').click().trigger('click').trigger('change');
153 $rootScope
.$digest();
154 expect(model
.the_date
).toBe(null);
155 expect($rootScope
.myForm
.$valid
).toBe(true);
156 expect(element
.find('.radio-now').prop('checked')).toBe(true);
157 expect(element
.find('.radio-at').prop('checked')).toBe(false);