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);
90 var month
= '' + (now
.getMonth() + 1);
91 var year
= (now
.getFullYear() + 1);
92 if (month
.length
< 2) month
= '0' + month
;
96 var datenow
= [year
, month
, day
].join('-');
97 var time
= [hours
, minutes
, "00"].join(':');
98 var currentDate
= datenow
+ ' ' + time
;
99 var ndate
= new Date(datenow
);
100 model
.the_date
= currentDate
;
102 $rootScope
.$digest();
103 expect($rootScope
.myForm
.$valid
).toBe(true);
104 expect(element
.find('.radio-now').prop('checked')).toBe(false);
105 expect(element
.find('.radio-at').prop('checked')).toBe(true);
106 // expect(element.find('.crm-form-date').datepicker('getDate').toDateString()).toEqual(ndate.toDateString());
107 expect(element
.find('.crm-form-date').datepicker('getDate').getUTCDate()).toEqual(ndate
.getUTCDate());
108 expect(element
.find('.crm-hidden-date').val()).toEqual(currentDate
);
111 it('should update the model after changing the date and time', function() {
112 element
= $compile(standardMarkup
)($rootScope
);
115 $rootScope
.$digest();
116 expect($rootScope
.myForm
.$valid
).toBe(true);
117 expect(element
.find('.radio-now').prop('checked')).toBe(true);
118 expect(element
.find('.radio-at').prop('checked')).toBe(false);
120 element
.find('.radio-now').click().trigger('click').trigger('change');
121 element
.find('.crm-form-date').datepicker('setDate', $.datepicker
.parseDate('yy-mm-dd', '2014-01-03')).trigger('change');
122 $rootScope
.$digest();
123 expect(model
.the_date
).toBe('2014-01-03');
124 expect($rootScope
.myForm
.$valid
).toBe(false);
125 expect(element
.find('.radio-now').prop('checked')).toBe(false);
126 expect(element
.find('.radio-at').prop('checked')).toBe(true);
128 element
.find('.crm-form-time').timeEntry('setTime', '04:05').trigger('change');
129 $rootScope
.$digest();
130 expect(model
.the_date
).toBe('2014-01-03 04:05:00');
131 expect($rootScope
.myForm
.$valid
).toBe(false);
132 expect(element
.find('.radio-now').prop('checked')).toBe(false);
133 expect(element
.find('.radio-at').prop('checked')).toBe(true);
135 element
.find('.crm-form-date').datepicker('setDate', '').trigger('change');
136 $rootScope
.$digest();
137 expect(model
.the_date
).toBe('04:05:00');
138 expect($rootScope
.myForm
.$valid
).toBe(false);
139 expect(element
.find('.radio-now').prop('checked')).toBe(false);
140 expect(element
.find('.radio-at').prop('checked')).toBe(true);
142 element
.find('.radio-now').click().trigger('click').trigger('change');
143 $rootScope
.$digest();
144 expect(model
.the_date
).toBe(null);
145 expect($rootScope
.myForm
.$valid
).toBe(true);
146 expect(element
.find('.radio-now').prop('checked')).toBe(true);
147 expect(element
.find('.radio-at').prop('checked')).toBe(false);