Fixing tests / datepicker

Author: Gaurav0

addon/components/jqui-datepicker/component.js

@@ -1,6 +1,9 @@
 import Ember from 'ember';
+import jquiWidget from 'ember-cli-jquery-ui/mixins/jqui-widget';
 
-var OPTIONS = ["altField", "altFormat", "appendText", "autoSize",
+export default Ember.TextField.extend(jquiWidget, {
+  uiType: 'datepicker',
+  uiOptions: ["altField", "altFormat", "appendText", "autoSize",
     "beforeShow", "beforeShowDay", "buttonImage", "buttonImageOnly",
     "buttonText", "calculateWeek", "changeMonth", "changeYear", "closeText",
     "constrainInput", "currentText", "dateFormat", "dayNames", "dayNamesMin",
@@ -11,55 +14,6 @@ var OPTIONS = ["altField", "altFormat", "appendText", "autoSize",
     "selectOtherMonths", "shortYearCutoff", "showAnim", "showButtonPanel",
     "showCurrentAtPos", "showMonthAfterYear", "showOn", "showOptions",
     "showOtherMonths", "showWeek", "stepMonths", "weekHeader", "yearRange",
-    "yearSuffix"];
-
-var EVENTS = ['onChangeMonthYear', 'onClose', 'onSelect'];
-
-function sendAction(context, actionName) {
-    return function() {
-        var args = [].slice.call(arguments);
-        context.send.apply(context, [actionName].concat(args));
-    };
-}
-
-var DatePickerComponent = Ember.TextField.extend({
-    initDatePicker: function() {
-        var _this = this;
-        Ember.run.schedule('afterRender', function() {
-            var properties = _this.getProperties.apply(_this, OPTIONS);
-            _this.proxyDatepickerEvents(properties);
-            _this.$().datepicker(properties);
-        });
-    }.on('didInsertElement'),
-
-    proxyDatepickerEvents: function(properties) {
-        var component = this;
-        var event;
-        for (var i = 0, l = EVENTS.length; i < l; i++) {
-            event = EVENTS[i];
-            properties[event] = sendAction(component, event);
-        }
-    },
-
-    actions: {
-        onSelect: function() {
-            this.set('value', this.$().val());
-        },
-        onClose: Ember.K,
-        onChangeMonthYear: Ember.K
-    },
-
-    destroyDatepicker: function() {
-        this.method('destroy');
-    }.on('willDestroyElement'),
-
-    method: function(method) {
-        return this.$().datepicker(method);
-    }
+    "yearSuffix"],
+  uiEvents: ['onChangeMonthYear', 'onClose', 'onSelect']
 });
-
-DatePickerComponent.reopenClass({
-    OPTIONS: OPTIONS
-});
-
-export default DatePickerComponent;

addon/mixins/jqui-widget.js

@@ -16,9 +16,18 @@ export default Ember.Mixin.create({
             // Make sure that jQuery UI events trigger methods on this view.
             _this._gatherEvents(options);
 
-            // Create a new instance of the jQuery UI widget based on its `uiType`
-            // and the current element.
-            var ui = Ember.$.ui[_this.get('uiType')](options, _this.get('element'));
+            // Workaround for bug in jQuery UI datepicker
+            var ui;
+            var uiType = _this.get('uiType');
+            if ((typeof Ember.$.ui[uiType] !== "function") && uiType === "datepicker") {
+                _this.$().datepicker();
+                ui = _this.$(uiType)['widget'];
+            } else {
+
+                // Create a new instance of the jQuery UI widget based on its `uiType`
+                // and the current element.
+                ui = Ember.$.ui[_this.get('uiType')](options, _this.get('element'));
+            }
 
             // Save off the instance of the jQuery UI widget as the `ui` property
             // on this Ember view.

blueprints/ember-cli-jquery-ui/index.js

@@ -1,6 +1,6 @@
 module.exports = {
     normalizeEntityName: function() {},
     afterInstall: function() {
-        return this.addBowerPackageToProject('jquery-ui');
+        return this.addBowerPackageToProject('jquery-ui#1.11.1');
     }
-};
+};

tests/unit/components/jqui-autocomplete-test.js

@@ -16,6 +16,6 @@ test('it renders', function() {
   equal(component._state, 'preRender');
 
   // appends the component to the page
-  this.append();
+  this.render();
   equal(component._state, 'inDOM');
 });

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

@@ -17,6 +17,6 @@ test('it renders', function() {
   equal(component._state, 'preRender');
 
   // appends the component to the page
-  this.append();
+  this.render();
   equal(component._state, 'inDOM');
 });