Create Chose.trigger to replace simulate (prototype)

harvesthq · Sep 27, 2016 · 5bea25d · 5bea25d
1 parent 29792b4
commit 5bea25d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/coffee/chosen.proto.coffee b/coffee/chosen.proto.coffee
@@ -506,4 +506,11 @@ class @Chosen extends AbstractChosen
       @search_field.setStyle({'width': w + 'px'})
 
   trigger_form_field_change:  ->
-    @form_field.simulate("change") if typeof Event.simulate is 'function'
+    Chosen.trigger(@form_field, 'change')
+
+  @trigger: (element, eventType) ->
+    if (document.createEventObject) # Old IE:
+      element.fireEvent("on#{eventType}", document.createEventObject());
+    else # Modern way:
+      evt = new Event(eventType, bubbles: true, cancelable: true)
+      element.dispatchEvent(evt)
diff --git a/spec/proto/basic.spec.coffee b/spec/proto/basic.spec.coffee
@@ -27,11 +27,11 @@ describe "Basic setup", ->
     expect($F(select)).toBe ""
 
     container = div.down(".chosen-container")
-    container.simulate("mousedown") # open the drop
+    Chosen.trigger(container, "mousedown") # open the drop
     expect(container.hasClassName("chosen-container-active")).toBe true
 
     #select an item
-    container.select(".active-result").last().simulate("mouseup")
+    Chosen.trigger(container.select(".active-result").last(), "mouseup");
 
     expect($F(select)).toBe "Afghanistan"
     div.remove()