tests/karma/unit/crmMailingRadioDateSpec.js

   1 'use strict';
   2 /* global $, CRM:true */
   3
   4 describe('crmMailingRadioDate', function() {
   5
   6   beforeEach(function() {
   7     module('crmResource');
   8     module('crmUtil');
   9     module('crmMailing');
  10   });
  11
  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\'"/>' +
  17     '  </div>' +
  18     '</form>';
  19
  20   describe('crmMailingRadioDate directive', function() {
  21     var $compile,
  22       $rootScope,
  23       $interval,
  24       $timeout,
  25       model,
  26       element;
  27
  28     beforeEach(inject(function(_$compile_, _$rootScope_, _$interval_, _$timeout_) {
  29       $compile = _$compile_;
  30       $rootScope = _$rootScope_;
  31       $interval = _$interval_;
  32       $timeout = _$timeout_;
  33
  34       // Global settings needed for crmUiDatepicker
  35       CRM = CRM || {};
  36       CRM.config = CRM.config || {};
  37       CRM.config.dateInputFormat = 'mm/dd/yy';
  38       CRM.config.timeIs24Hr = true;
  39
  40       $rootScope.model = model = {
  41         the_date: ''
  42       };
  43     }));
  44
  45     it('should update the UI after changing the model', function() {
  46       element = $compile(standardMarkup)($rootScope);
  47
  48       model.the_date = '';
  49       $rootScope.$digest();
  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);
  55
  56       model.the_date = ' ';
  57       $rootScope.$digest();
  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);
  63
  64       model.the_date = '2014-01-01';
  65       $rootScope.$digest();
  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);
  72
  73       model.the_date = '02:03:00';
  74       $rootScope.$digest();
  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);
  80
  81       model.the_date = '2014-01-02 02:03:00';
  82       $rootScope.$digest();
  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);
  88
  89       var now = new Date();
  90       var month = '' + (now.getMonth() + 1);
  91       var day = '' + (now.getDate() + 1);
  92       var year = (now.getFullYear() + 1);
  93       if (day.length < 2) day = '0' + day;
  94       if (month.length < 2) month = '0' + month;
  95       var minutes = "30";
  96       var hours = "09";
  97       var datenow = [year, month, day].join('-');
  98       var time = [hours, minutes, "00"].join(':');
  99       var currentDate = datenow + ' ' + time;
 100       var ndate = new Date(datenow);
 101       model.the_date = currentDate;
 102
 103       $rootScope.$digest();
 104       expect($rootScope.myForm.$valid).toBe(true);
 105       expect(element.find('.radio-now').prop('checked')).toBe(false);
 106       expect(element.find('.radio-at').prop('checked')).toBe(true);
 107       expect(element.find('.crm-form-date').datepicker('getDate').toDateString()).toEqual(ndate.toDateString());
 108       expect(element.find('.crm-hidden-date').val()).toEqual(currentDate);
 109     });
 110
 111     it('should update the model after changing the date and time', function() {
 112       element = $compile(standardMarkup)($rootScope);
 113
 114       model.the_date = '';
 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);
 119
 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);
 127
 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);
 134
 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);
 141
 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);
 148     });
 149   });
 150 });