drag-mock - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

dist/drag-mock.js

@@ -145,3 +145,11 @@ (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
 
+DragDropAction.prototype.dragLeave = function(overElement, eventProperties, configCallback) {
+  var params = parseParams(overElement, eventProperties, configCallback)
+    , events = ['mousemove', 'mouseover', 'dragleave'];
 
+  createAndDispatchEvents(params.targetElement, events, 'dragleave', this.lastDataTransfer, params.eventProperties, params.configCallback);
+
+  return this;
+};
+
 DragDropAction.prototype.drop = function(targetElement, eventProperties, configCallback) {
@@ -168,3 +176,3 @@ var params = parseParams(targetElement, eventProperties, configCallback);
 
-var dataTransferEvents = ['drag', 'dragstart', 'dragover', 'dragend', 'drop'];
+var dataTransferEvents = ['drag', 'dragstart', 'dragover', 'dragend', 'drop', 'dragleave'];
 
@@ -268,2 +276,5 @@
   },
+  dragLeave: function(targetElement, eventProperties, configCallback) {
+    return call(new DragDropAction(), 'dragLeave', arguments);
+  },
   drop: function(targetElement, eventProperties, configCallback) {
@@ -270,0 +281,0 @@ return call(new DragDropAction(), 'drop', arguments);

dist/drag-mock.min.js

@@ -1,1 +0,1 @@
-!function t(r,e,n){function a(i,s){if(!e[i]){if(!r[i]){var u="function"==typeof require&&require;if(!s&&u)return u(i,!0);if(o)return o(i,!0);var c=new Error("Cannot find module '"+i+"'");throw c.code="MODULE_NOT_FOUND",c}var f=e[i]={exports:{}};r[i][0].call(f.exports,function(t){var e=r[i][1][t];return a(e?e:t)},f,f.exports,t,r,e,n)}return e[i].exports}for(var o="function"==typeof require&&require,i=0;i<n.length;i++)a(n[i]);return a}({1:[function(t){var r=t("./src/index.js");"function"==typeof define&&define("dragMock",function(){return r}),window.dragMock=r},{"./src/index.js":5}],2:[function(t,r){function e(t,r){var e=t.indexOf(r);e>=0&&t.splice(e,1)}var n=function(){this.dataByFormat={},this.dropEffect="none",this.effectAllowed="all",this.files=[],this.types=[]};n.prototype.clearData=function(t){t?(delete this.dataByFormat[t],e(this.types,t)):(this.dataByFormat={},this.types=[])},n.prototype.getData=function(t){return this.dataByFormat[t]},n.prototype.setData=function(t,r){return this.dataByFormat[t]=r,this.types.indexOf(t)<0&&this.types.push(t),!0},n.prototype.setDragImage=function(){},r.exports=n},{}],3:[function(t,r){function e(){}function n(t,r,n){if("function"==typeof r&&(n=r,r=null),!t||"object"!=typeof t)throw new Error("Expected first parameter to be a targetElement. Instead got: "+t);return{targetElement:t,eventProperties:r||{},configCallback:n||e}}function a(t,r,e){r&&(r.length<2?e&&r(t):r(t,t.type))}function o(t,r,e,n,o,s){r.forEach(function(r){var u=i.createEvent(r,o,n),c=r===e;a(u,s,c),t.dispatchEvent(u)})}var i=t("./eventFactory"),s=t("./DataTransfer"),u=function(){this.lastDragSource=null,this.lastDataTransfer=null};u.prototype.dragStart=function(t,r,e){var a=n(t,r,e),i=["mousedown","dragstart","drag"],u=new s;return o(a.targetElement,i,"drag",u,a.eventProperties,a.configCallback),this.lastDragSource=t,this.lastDataTransfer=u,this},u.prototype.dragOver=function(t,r,e){var a=n(t,r,e),i=["mousemove","mouseover","dragover"];return o(a.targetElement,i,"drag",this.lastDataTransfer,a.eventProperties,a.configCallback),this},u.prototype.drop=function(t,r,e){var a=n(t,r,e),i=["mousemove","mouseup","drop"],s=["dragend"];return o(a.targetElement,i,"drop",this.lastDataTransfer,a.eventProperties,a.configCallback),this.lastDragSource&&o(this.lastDragSource,s,"drop",this.lastDataTransfer,a.eventProperties,a.configCallback),this},r.exports=u},{"./DataTransfer":2,"./eventFactory":4}],4:[function(t,r){function e(t,r){for(var e in r)r.hasOwnProperty(e)&&(t[e]=r[e]);return t}function n(t,r,n){"DragEvent"===r&&(r="CustomEvent");var a=window[r],o={view:window,bubbles:!0,cancelable:!0};e(o,n);var i=new a(t,o);return e(i,n),i}function a(t,r,n){var a;switch(r){case"MouseEvent":a=document.createEvent("MouseEvent"),a.initEvent(t,!0,!0);break;default:a=document.createEvent("CustomEvent"),a.initCustomEvent(t,!0,!0,0)}return n&&e(a,n),a}function o(t,r,e){try{return n(t,r,e)}catch(o){return a(t,r,e)}}var i=t("./DataTransfer"),s=["drag","dragstart","dragover","dragend","drop"],u={createEvent:function(t,r,e){var n="CustomEvent";t.match(/^mouse/)&&(n="MouseEvent");var a=o(t,n,r);return s.indexOf(t)>-1&&(a.dataTransfer=e||new i),a}};r.exports=u},{"./DataTransfer":2}],5:[function(t,r){function e(t,r,e){return t[r].apply(t,e)}var n=t("./DragDropAction"),a={dragStart:function(){return e(new n,"dragStart",arguments)},dragOver:function(){return e(new n,"dragOver",arguments)},drop:function(){return e(new n,"drop",arguments)},DataTransfer:t("./DataTransfer"),DragDropAction:t("./DragDropAction"),eventFactory:t("./eventFactory")};r.exports=a},{"./DataTransfer":2,"./DragDropAction":3,"./eventFactory":4}]},{},[1]);
+!function t(e,r,n){function a(i,s){if(!r[i]){if(!e[i]){var u="function"==typeof require&&require;if(!s&&u)return u(i,!0);if(o)return o(i,!0);var c=new Error("Cannot find module '"+i+"'");throw c.code="MODULE_NOT_FOUND",c}var f=r[i]={exports:{}};e[i][0].call(f.exports,function(t){var r=e[i][1][t];return a(r?r:t)},f,f.exports,t,e,r,n)}return r[i].exports}for(var o="function"==typeof require&&require,i=0;i<n.length;i++)a(n[i]);return a}({1:[function(t){var e=t("./src/index.js");"function"==typeof define&&define("dragMock",function(){return e}),window.dragMock=e},{"./src/index.js":5}],2:[function(t,e){function r(t,e){var r=t.indexOf(e);r>=0&&t.splice(r,1)}var n=function(){this.dataByFormat={},this.dropEffect="none",this.effectAllowed="all",this.files=[],this.types=[]};n.prototype.clearData=function(t){t?(delete this.dataByFormat[t],r(this.types,t)):(this.dataByFormat={},this.types=[])},n.prototype.getData=function(t){return this.dataByFormat[t]},n.prototype.setData=function(t,e){return this.dataByFormat[t]=e,this.types.indexOf(t)<0&&this.types.push(t),!0},n.prototype.setDragImage=function(){},e.exports=n},{}],3:[function(t,e){function r(){}function n(t,e,n){if("function"==typeof e&&(n=e,e=null),!t||"object"!=typeof t)throw new Error("Expected first parameter to be a targetElement. Instead got: "+t);return{targetElement:t,eventProperties:e||{},configCallback:n||r}}function a(t,e,r){e&&(e.length<2?r&&e(t):e(t,t.type))}function o(t,e,r,n,o,s){e.forEach(function(e){var u=i.createEvent(e,o,n),c=e===r;a(u,s,c),t.dispatchEvent(u)})}var i=t("./eventFactory"),s=t("./DataTransfer"),u=function(){this.lastDragSource=null,this.lastDataTransfer=null};u.prototype.dragStart=function(t,e,r){var a=n(t,e,r),i=["mousedown","dragstart","drag"],u=new s;return o(a.targetElement,i,"drag",u,a.eventProperties,a.configCallback),this.lastDragSource=t,this.lastDataTransfer=u,this},u.prototype.dragOver=function(t,e,r){var a=n(t,e,r),i=["mousemove","mouseover","dragover"];return o(a.targetElement,i,"drag",this.lastDataTransfer,a.eventProperties,a.configCallback),this},u.prototype.dragLeave=function(t,e,r){var a=n(t,e,r),i=["mousemove","mouseover","dragleave"];return o(a.targetElement,i,"dragleave",this.lastDataTransfer,a.eventProperties,a.configCallback),this},u.prototype.drop=function(t,e,r){var a=n(t,e,r),i=["mousemove","mouseup","drop"],s=["dragend"];return o(a.targetElement,i,"drop",this.lastDataTransfer,a.eventProperties,a.configCallback),this.lastDragSource&&o(this.lastDragSource,s,"drop",this.lastDataTransfer,a.eventProperties,a.configCallback),this},e.exports=u},{"./DataTransfer":2,"./eventFactory":4}],4:[function(t,e){function r(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);return t}function n(t,e,n){"DragEvent"===e&&(e="CustomEvent");var a=window[e],o={view:window,bubbles:!0,cancelable:!0};r(o,n);var i=new a(t,o);return r(i,n),i}function a(t,e,n){var a;switch(e){case"MouseEvent":a=document.createEvent("MouseEvent"),a.initEvent(t,!0,!0);break;default:a=document.createEvent("CustomEvent"),a.initCustomEvent(t,!0,!0,0)}return n&&r(a,n),a}function o(t,e,r){try{return n(t,e,r)}catch(o){return a(t,e,r)}}var i=t("./DataTransfer"),s=["drag","dragstart","dragover","dragend","drop","dragleave"],u={createEvent:function(t,e,r){var n="CustomEvent";t.match(/^mouse/)&&(n="MouseEvent");var a=o(t,n,e);return s.indexOf(t)>-1&&(a.dataTransfer=r||new i),a}};e.exports=u},{"./DataTransfer":2}],5:[function(t,e){function r(t,e,r){return t[e].apply(t,r)}var n=t("./DragDropAction"),a={dragStart:function(){return r(new n,"dragStart",arguments)},dragOver:function(){return r(new n,"dragOver",arguments)},dragLeave:function(){return r(new n,"dragLeave",arguments)},drop:function(){return r(new n,"drop",arguments)},DataTransfer:t("./DataTransfer"),DragDropAction:t("./DragDropAction"),eventFactory:t("./eventFactory")};e.exports=a},{"./DataTransfer":2,"./DragDropAction":3,"./eventFactory":4}]},{},[1]);

node-src/webdriverBridge.js

@@ -12,3 +12,3 @@
 
-['dragStart', 'dragOver', 'drop'].forEach(function(methodName) {
+['dragStart', 'dragOver', 'dragLeave', 'drop'].forEach(function(methodName) {
   DragMockClientActionBridge.prototype[methodName] = function() {
@@ -70,2 +70,3 @@ var self = this;
   webdriverPrototype.dragOver = createActionAndCallMethod('dragOver');
+  webdriverPrototype.dragLeave = createActionAndCallMethod('dragLeave');
   webdriverPrototype.drop = createActionAndCallMethod('drop');
@@ -72,0 +73,0 @@ }

package.json

 {
   "name": "drag-mock",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Trigger HTML5 drag & drop events for testing",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -67,2 +67,3 @@ # drag-mock
   .dragOver(hoverRegion)
+  .dragLeave(hoverRegion)
   .drop(dropTarget);
@@ -126,3 +127,3 @@ ```
 The following events are provided with a fake (but fully functional) dataTransfer object:
-`drag`, `dragstart`, `dragover`, `dragend`, `drop`
+`drag`, `dragstart`, `dragover`, `dragend`, `dragleave`, `drop`
 
@@ -141,3 +142,3 @@
 
-// set up webdriver.dragStart(), webdriver.dragOver() and webdriver.drop()
+// set up webdriver.dragStart(), webdriver.dragOver(), webdriver.dragLeave() and webdriver.drop()
 dragMock.extendWebdriver(webdriver);
@@ -159,32 +160,4 @@
 
-## webdriver.io integration
-
-If you are running Selenium tests using webdriver.io and you need drag & drop functionality beyond Selenium's dragAndDrop()
-you can easily integrate drag-mock into webdriver:
-
-```javascript
-var dragMock = require('drag-mock');
-var webdriverio = require('webdriverio');
-
-var webdriver = webdriverio.remote({ desiredCapabilities: { browserName: 'chrome' } }).init();
-
-// set up webdriver.dragStart() and webdriver.drop()
-dragMock.extendWebdriver(webdriver);
-
-// load the drag-mock library into the browser context
-dragMock.loadLibrary(webdriver);
-
-// drag and drop
-webdriver
-  .dragStart('#my-drag-source', { clientX: 200, clientY: 300 })
-  .drop('#drop-zone', function(error) {
-    if (error) {
-      console.error(error);
-    }
-  });
-```
-
-
 ## License
 
 This software is licensed under the terms of the MIT license. See LICENSE for details.

src/DragDropAction.js

@@ -82,3 +82,11 @@
 
+DragDropAction.prototype.dragLeave = function(overElement, eventProperties, configCallback) {
+  var params = parseParams(overElement, eventProperties, configCallback)
+    , events = ['mousemove', 'mouseover', 'dragleave'];
 
+  createAndDispatchEvents(params.targetElement, events, 'dragleave', this.lastDataTransfer, params.eventProperties, params.configCallback);
+
+  return this;
+};
+
 DragDropAction.prototype.drop = function(targetElement, eventProperties, configCallback) {
@@ -85,0 +93,0 @@ var params = parseParams(targetElement, eventProperties, configCallback);

src/eventFactory.js

 
 var DataTransfer = require('./DataTransfer');
 
-var dataTransferEvents = ['drag', 'dragstart', 'dragover', 'dragend', 'drop'];
+var dataTransferEvents = ['drag', 'dragstart', 'dragover', 'dragend', 'drop', 'dragleave'];
 
@@ -6,0 +6,0 @@

src/index.js

@@ -17,2 +17,5 @@
   },
+  dragLeave: function(targetElement, eventProperties, configCallback) {
+    return call(new DragDropAction(), 'dragLeave', arguments);
+  },
   drop: function(targetElement, eventProperties, configCallback) {
@@ -19,0 +22,0 @@ return call(new DragDropAction(), 'drop', arguments);

test/browser/spec/DragDropAction.spec.js

@@ -21,2 +21,3 @@ (function() {
       expect(action.dragStart).to.be.a(Function);
+      expect(action.dragLeave).to.be.a(Function)
       expect(action.drop).to.be.a(Function);
@@ -107,3 +108,12 @@ });
 
+    describe('dragLeave method', function() {
 
+      it('creates expected events (without prior call to dragStart())', function(done) {
+        EventHelper.expectEvents(elementA, ['mousemove', 'mouseover', 'dragleave'], done);
+
+        action.dragLeave(elementA);
+      });
+
+    });
+
     describe('drop method', function() {
@@ -110,0 +120,0 @@

test/browser/spec/eventFactory.spec.js

@@ -27,3 +27,3 @@ (function() {
     it('createEvent method produces events with dataTransfer objects', function() {
-      ['drag', 'dragstart', 'dragover', 'dragend', 'drop'].forEach(function(eventName) {
+      ['drag', 'dragstart', 'dragover', 'dragend', 'drop', 'dragleave'].forEach(function(eventName) {
         var event = eventFactory.createEvent(eventName);
@@ -30,0 +30,0 @@ expect(event.dataTransfer).to.be.a(DataTransfer);

test/node/spec/webdriverIntegration.spec.js

@@ -74,2 +74,3 @@ 'use strict';
       expect(webdriver.dragOver).to.be.a('function');
+      expect(webdriver.dragLeave).to.be.a('function');
       expect(webdriver.drop).to.be.a('function');
@@ -76,0 +77,0 @@ });

No alert changes

Improved metrics

Total package byte prevSize

45718

increased by2.5%

Lines of code

870

increased by3.2%

Worsened metrics

Number of lines in readme file

160

decreased by-14.44%

No dependency changes