Merge pull request #63 from octronic/call-changedate-when-input-is-cleared

Trigger changeDate action when input is cleared

Author: soulim

addon/components/datepicker-support.js

@@ -50,7 +50,7 @@ export default Ember.Mixin.create({
       }).
       on('input', function() {
         if (!self.$().val()) {
-          self.set('value', null);
+          self._applyDateValue(null);
         }
       });
 
@@ -77,6 +77,10 @@ export default Ember.Mixin.create({
     }
 
     this.set('mustUpdateInput', false);
+    this._applyDateValue(value);
+  },
+
+  _applyDateValue: function(value) {
     this.set('value', value);
     this.sendAction('changeDate', value);
   },

tests/integration/components/bootstrap-datepicker-integration-test.js

@@ -0,0 +1,51 @@
+import Ember from 'ember';
+import hbs from 'htmlbars-inline-precompile';
+import { moduleForComponent, test } from 'ember-qunit';
+
+moduleForComponent('bootstrap-datepicker', 'BootstrapDatepickerComponent', {
+  integration: true
+});
+
+test('resets date when input is cleared', function (assert) {
+  assert.expect(2);
+
+  this.set('myDate', new Date());
+
+  this.render(hbs`
+    {{bootstrap-datepicker value=myDate}}
+  `);
+  
+  var datepicker = this.$('input.ember-text-field').datepicker();  
+ 
+  datepicker.val('');
+  Ember.run(() => {
+    datepicker.trigger('input');
+  });
+
+  assert.equal(this.get('myDate'), null, 'value is reset');
+  assert.equal(this.$('input.ember-text-field').datepicker('getDate'), null, 'datepicker is updated');
+});
+
+test('triggers changeDate action when input field is cleared', function (assert) {
+  assert.expect(1);
+
+  this.set('myDate', new Date());
+
+  var actionIsTriggered = false;
+  this.on('myAction', () => {
+    actionIsTriggered = true;
+  });
+
+  this.render(hbs`
+    {{bootstrap-datepicker value=myDate changeDate="myAction"}}
+  `);
+
+  var datepicker = this.$('input.ember-text-field').datepicker();  
+  
+  datepicker.val('');
+  Ember.run(() => {
+    datepicker.trigger('input');
+  });
+
+  assert.ok(actionIsTriggered, 'action is triggered');
+});

tests/unit/components/bootstrap-datepicker-test.js

@@ -42,19 +42,6 @@ test('displays date with custom format when format is set', function(assert) {
   assert.equal(this.$().val(), '31.Dec.14');
 });
 
-test('resets date when input is cleared', function(assert) {
-  this.subject({
-    value: new Date(2014, 11, 31)
-  });
-
-  assert.ok(this.$().datepicker('getDate'), 'initial value is set');
-
-  this.$().val('');
-  this.$().trigger('input');
-
-  assert.equal(this.$().datepicker('getDate'), null, 'value is reset when input is cleared');
-});
-
 test('sets dates provided by value (multidate, default multidateSeparator)', function(assert) {
   this.subject({
     value: [new Date(2015, 0, 13), new Date(2015, 0, 7), new Date(2015, 0, 15)],