Add integration test for changeDate action when input is cleared.

Also move an existing test from unit to integration test style. It also tests the clearing of the input field, so it might make sense to have both tests in the same place.

Author: octronic

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)],