summaryrefslogtreecommitdiffstats
path: root/tests/jquery.simulate.js
diff options
context:
space:
mode:
Diffstat (limited to 'tests/jquery.simulate.js')
-rw-r--r--tests/jquery.simulate.js251
1 files changed, 179 insertions, 72 deletions
diff --git a/tests/jquery.simulate.js b/tests/jquery.simulate.js
index bb82624d3..93ac47b38 100644
--- a/tests/jquery.simulate.js
+++ b/tests/jquery.simulate.js
@@ -1,139 +1,246 @@
/*
* jquery.simulate - simulate browser mouse and keyboard events
*
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
*/
-;(function($) {
+;(function( $ ) {
$.fn.extend({
- simulate: function(type, options) {
+ simulate: function( type, options ) {
return this.each(function() {
- var opt = $.extend({}, $.simulate.defaults, options || {});
- new $.simulate(this, type, opt);
+ var opt = $.extend( {}, $.simulate.defaults, options );
+ new $.simulate( this, type, opt );
});
}
});
-$.simulate = function(el, type, options) {
+$.simulate = function( el, type, options ) {
this.target = el;
this.options = options;
- if (/^drag$/.test(type)) {
- this[type].apply(this, [this.target, options]);
+ if ( type === "drag" ) {
+ this[ type ].apply( this, [ this.target, options ] );
+ } else if ( type === "focus" || type === "blur" ) {
+ this[ type ]();
} else {
- this.simulateEvent(el, type, options);
+ this.simulateEvent( el, type, options );
}
-}
+};
-$.extend($.simulate.prototype, {
- simulateEvent: function(el, type, options) {
- var evt = this.createEvent(type, options);
- this.dispatchEvent(el, type, evt, options);
+$.extend( $.simulate.prototype, {
+ simulateEvent: function( el, type, options ) {
+ var evt = this.createEvent( type, options );
+ this.dispatchEvent( el, type, evt, options );
return evt;
},
- createEvent: function(type, options) {
- if (/^mouse(over|out|down|up|move)|(dbl)?click$/.test(type)) {
- return this.mouseEvent(type, options);
- } else if (/^key(up|down|press)$/.test(type)) {
- return this.keyboardEvent(type, options);
+ createEvent: function( type, options ) {
+ if ( /^mouse(over|out|down|up|move)|(dbl)?click$/.test( type ) ) {
+ return this.mouseEvent( type, options );
+ } else if ( /^key(up|down|press)$/.test( type ) ) {
+ return this.keyboardEvent( type, options );
}
},
- mouseEvent: function(type, options) {
- var evt;
+ mouseEvent: function( type, options ) {
+ var evt, eventDoc, doc, body;
var e = $.extend({
- bubbles: true, cancelable: (type != "mousemove"), view: window, detail: 0,
- screenX: 0, screenY: 0, clientX: 0, clientY: 0,
- ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
- button: 0, relatedTarget: undefined
- }, options);
+ bubbles: true,
+ cancelable: (type !== "mousemove"),
+ view: window,
+ detail: 0,
+ screenX: 0,
+ screenY: 0,
+ clientX: 0,
+ clientY: 0,
+ ctrlKey: false,
+ altKey: false,
+ shiftKey: false,
+ metaKey: false,
+ button: 0,
+ relatedTarget: undefined
+ }, options );
- var relatedTarget = $(e.relatedTarget)[0];
+ var relatedTarget = $( e.relatedTarget )[0];
- if ($.isFunction(document.createEvent)) {
- evt = document.createEvent("MouseEvents");
- evt.initMouseEvent(type, e.bubbles, e.cancelable, e.view, e.detail,
+ if ( $.isFunction( document.createEvent ) ) {
+ evt = document.createEvent( "MouseEvents" );
+ evt.initMouseEvent( type, e.bubbles, e.cancelable, e.view, e.detail,
e.screenX, e.screenY, e.clientX, e.clientY,
e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
- e.button, e.relatedTarget || document.body.parentNode);
- } else if (document.createEventObject) {
+ e.button, e.relatedTarget || document.body.parentNode );
+
+ // IE 9+ creates events with pageX and pageY set to 0.
+ // Trying to modify the properties throws an error,
+ // so we define getters to return the correct values.
+ if ( evt.pageX === 0 && evt.pageY === 0 && Object.defineProperty ) {
+ eventDoc = evt.relatedTarget.ownerDocument || document;
+ doc = eventDoc.documentElement;
+ body = eventDoc.body;
+
+ Object.defineProperty( evt, "pageX", {
+ get: function() {
+ return e.clientX +
+ ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) -
+ ( doc && doc.clientLeft || body && body.clientLeft || 0 );
+ }
+ });
+ Object.defineProperty( evt, "pageY", {
+ get: function() {
+ return e.clientY +
+ ( doc && doc.scrollTop || body && body.scrollTop || 0 ) -
+ ( doc && doc.clientTop || body && body.clientTop || 0 );
+ }
+ });
+ }
+ } else if ( document.createEventObject ) {
evt = document.createEventObject();
- $.extend(evt, e);
+ $.extend( evt, e );
evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button;
}
return evt;
},
- keyboardEvent: function(type, options) {
+ keyboardEvent: function( type, options ) {
var evt;
- var e = $.extend({ bubbles: true, cancelable: true, view: window,
- ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
- keyCode: 0, charCode: 0
- }, options);
+ var e = $.extend({
+ bubbles: true,
+ cancelable: true,
+ view: window,
+ ctrlKey: false,
+ altKey: false,
+ shiftKey: false,
+ metaKey: false,
+ keyCode: 0,
+ charCode: undefined
+ }, options );
- if ($.isFunction(document.createEvent)) {
+ if ( $.isFunction( document.createEvent ) ) {
try {
- evt = document.createEvent("KeyEvents");
- evt.initKeyEvent(type, e.bubbles, e.cancelable, e.view,
+ evt = document.createEvent( "KeyEvents" );
+ evt.initKeyEvent( type, e.bubbles, e.cancelable, e.view,
e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
- e.keyCode, e.charCode);
- } catch(err) {
- evt = document.createEvent("Events");
- evt.initEvent(type, e.bubbles, e.cancelable);
- $.extend(evt, { view: e.view,
- ctrlKey: e.ctrlKey, altKey: e.altKey, shiftKey: e.shiftKey, metaKey: e.metaKey,
- keyCode: e.keyCode, charCode: e.charCode
+ e.keyCode, e.charCode );
+ } catch( err ) {
+ evt = document.createEvent( "Events" );
+ evt.initEvent( type, e.bubbles, e.cancelable );
+ $.extend(evt, {
+ view: e.view,
+ ctrlKey: e.ctrlKey,
+ altKey: e.altKey,
+ shiftKey: e.shiftKey,
+ metaKey: e.metaKey,
+ keyCode: e.keyCode,
+ charCode: e.charCode
});
}
- } else if (document.createEventObject) {
+ } else if ( document.createEventObject ) {
evt = document.createEventObject();
- $.extend(evt, e);
+ $.extend( evt, e );
}
- if ($.browser.msie || $.browser.opera) {
+ if ( $.browser.msie || $.browser.opera ) {
evt.keyCode = (e.charCode > 0) ? e.charCode : e.keyCode;
evt.charCode = undefined;
}
return evt;
},
- dispatchEvent: function(el, type, evt) {
- if (el.dispatchEvent) {
- el.dispatchEvent(evt);
- } else if (el.fireEvent) {
- el.fireEvent('on' + type, evt);
+ dispatchEvent: function( el, type, evt ) {
+ if ( el.dispatchEvent ) {
+ el.dispatchEvent( evt );
+ } else if ( el.fireEvent ) {
+ el.fireEvent( "on" + type, evt );
}
return evt;
},
- drag: function(el) {
- var self = this, center = this.findCenter(this.target),
- options = this.options, x = Math.floor(center.x), y = Math.floor(center.y),
- dx = options.dx || 0, dy = options.dy || 0, target = this.target;
- var coord = { clientX: x, clientY: y };
- this.simulateEvent(target, "mousedown", coord);
+ drag: function( el ) {
+ var self = this,
+ center = this.findCenter(this.target),
+ options = this.options,
+ x = Math.floor( center.x ),
+ y = Math.floor( center.y ),
+ dx = options.dx || 0,
+ dy = options.dy || 0,
+ target = this.target,
+ coord = { clientX: x, clientY: y };
+ this.simulateEvent( target, "mousedown", coord );
coord = { clientX: x + 1, clientY: y + 1 };
- this.simulateEvent(document, "mousemove", coord);
+ this.simulateEvent( document, "mousemove", coord );
coord = { clientX: x + dx, clientY: y + dy };
- this.simulateEvent(document, "mousemove", coord);
- this.simulateEvent(document, "mousemove", coord);
- this.simulateEvent(target, "mouseup", coord);
- this.simulateEvent(target, "click", coord);
+ this.simulateEvent( document, "mousemove", coord );
+ this.simulateEvent( document, "mousemove", coord );
+ this.simulateEvent( target, "mouseup", coord );
+ this.simulateEvent( target, "click", coord );
},
- findCenter: function(el) {
- var el = $(this.target), o = el.offset(), d = $(document);
+ findCenter: function( el ) {
+ var el = $( this.target ),
+ o = el.offset(),
+ d = $( document );
return {
x: o.left + el.outerWidth() / 2 - d.scrollLeft(),
y: o.top + el.outerHeight() / 2 - d.scrollTop()
};
+ },
+
+ focus: function() {
+ var focusinEvent,
+ triggered = false,
+ element = $( this.target );
+
+ function trigger() {
+ triggered = true;
+ }
+
+ element.bind( "focus", trigger );
+ element[ 0 ].focus();
+
+ if ( !triggered ) {
+ focusinEvent = $.Event( "focusin" );
+ focusinEvent.preventDefault();
+ element.trigger( focusinEvent );
+ element.triggerHandler( "focus" );
+ }
+ element.unbind( "focus", trigger );
+ },
+
+ blur: function() {
+ var focusoutEvent,
+ triggered = false,
+ element = $( this.target );
+
+ function trigger() {
+ triggered = true;
+ }
+
+ element.bind( "blur", trigger );
+ element[ 0 ].blur();
+
+ // blur events are async in IE
+ setTimeout(function() {
+ // IE won't let the blur occur if the window is inactive
+ if ( element[ 0 ].ownerDocument.activeElement === element[ 0 ] ) {
+ element[ 0 ].ownerDocument.body.focus();
+ }
+
+ // Firefox won't trigger events if the window is inactive
+ // IE doesn't trigger events if we had to manually focus the body
+ if ( !triggered ) {
+ focusoutEvent = $.Event( "focusout" );
+ focusoutEvent.preventDefault();
+ element.trigger( focusoutEvent );
+ element.triggerHandler( "blur" );
+ }
+ element.unbind( "blur", trigger );
+ }, 1 );
}
});
-$.extend($.simulate, {
+$.extend( $.simulate, {
defaults: {
- speed: 'sync'
+ speed: "sync"
},
VK_TAB: 9,
VK_ENTER: 13,
@@ -148,4 +255,4 @@ $.extend($.simulate, {
VK_DOWN: 40
});
-})(jQuery);
+})( jQuery );