feat(): drop:before event (fabricjs#7442)

rockerBOO · May 2, 2022 · 2d78023 · 2d78023
1 parent c0fa324
commit 2d78023
Showing 1 changed file with 40 additions and 2 deletions.
diff --git a/test/unit/canvas_events.js b/test/unit/canvas_events.js
@@ -797,8 +797,8 @@
     });
   });
 
-  ["DragEnter", "DragLeave", "DragOver", "Drop"].forEach(function (eventType) {
-    QUnit.test("Fabric event fired - " + eventType, function (assert) {
+  ['DragEnter', 'DragLeave', 'DragOver'].forEach(function(eventType) {
+    QUnit.test('Fabric event fired - ' + eventType, function(assert) {
       var eventName = eventType.toLowerCase();
       var counter = 0;
       var c = new fabric.Canvas();
@@ -812,6 +812,7 @@
     });
   });
 
+<<<<<<< HEAD
   ["DragEnter", "DragLeave", "DragOver", "Drop"].forEach(function (eventType) {
     QUnit.test(
       "_simpleEventHandler fires on object and canvas" + eventType,
@@ -841,6 +842,43 @@
         );
       }
     );
+  QUnit.test('Fabric event fired - Drop', function (assert) {
+    var eventNames = ['drop:before', 'drop'];
+    var c = new fabric.Canvas();
+    var fired = [];
+    eventNames.forEach(function (eventName) {
+      c.on(eventName, function () {
+        fired.push(eventName);
+      });
+    });
+    var event = fabric.document.createEvent('HTMLEvents');
+    event.initEvent('drop', true, true);
+    c.upperCanvasEl.dispatchEvent(event);
+    assert.deepEqual(fired, eventNames, 'bad drop event fired');
+  });
+
+  ['DragEnter', 'DragLeave', 'DragOver', 'Drop'].forEach(function(eventType) {
+    QUnit.test('_simpleEventHandler fires on object and canvas - ' + eventType, function(assert) {
+      var eventName = eventType.toLowerCase();
+      var counter = 0;
+      var target;
+      var c = new fabric.Canvas();
+      var rect = new fabric.Rect({ width: 10, height: 10 });
+      c.add(rect);
+      rect.on(eventName, function() {
+        counter++;
+      });
+      c.on(eventName, function(opt) {
+        target = opt.target;
+      });
+      var event = fabric.document.createEvent('HTMLEvents');
+      event.initEvent(eventName, true, true);
+      event.clientX = 5;
+      event.clientY = 5;
+      c.upperCanvasEl.dispatchEvent(event);
+      assert.equal(counter, 1, eventName + ' fabric event fired on rect');
+      assert.equal(target, rect, eventName + ' on canvas has rect as a target');
+    });
   });
 
   ["mousedown", "mousemove", "wheel", "dblclick"].forEach(function (eventType) {