I am a longer paragraph with margin. I might wrap. Resize the area to see how #mainfiller adjusts.
+#mainfiller
+ Another paragraph
+Filler
- Run - -jQuery.support.containerSizeAdjustments:
- -|
-
-
-
-
-
- Nothing ↑- -
-
- No Pad & Bord ↑ - -Some deep content No Pad & Bord ↓ -Nothing ↓- |
-
-
-
-
+ Nothing ↑- -
-
- Border ↑ +
+
- Some deep content Border ↓ -Nothing ↓-Areas with Scrollbars- |
-
+
+ Hello World, How are You? Run -
-
-
- Border ↑- -
-
- Padding ↑ - -Some deep content No Pad & Bord ↓ -Border ↓- |
-
+
+ I am very long ...
+ Areas with Scrollbars
- -
-
-
-Hello World, How are You? Run
- -
-
-I am very long ...
- Content
- -Content
- -Content
- -Same container
- -
- a
-
-
From f2517a6e8d5e40f92b01ff2fe6b0dfdcacbbb3e7 Mon Sep 17 00:00:00 2001
From: David Luecke
- Foo Bar
-
-ab
- jQuery.event.move Test Suite
+jQuery.event.reverse Test Suite
diff --git a/event/move/move.html b/event/reverse/reverse.html similarity index 100% rename from event/move/move.html rename to event/reverse/reverse.html diff --git a/event/reverse/reverse.js b/event/reverse/reverse.js new file mode 100644 index 00000000..cd62965d --- /dev/null +++ b/event/reverse/reverse.js @@ -0,0 +1,88 @@ +steal('jquery/event').then(function( $ ) { + $.event.reverse = function(name, attributes) { + var bound = $(), + count = 0; + + $.event.special[name] = { + setup: function() { + // add and sort the resizers array + // don't add window because it can't be compared easily + if ( this !== window ) { + bound.push(this); + $.unique(bound); + } + // returns false if the window + return this !== window; + }, + teardown: function() { + // we shouldn't have to sort + bound = bound.not(this); + // returns false if the window + return this !== window; + }, + add: function( handleObj ) { + var origHandler = handleObj.handler; + handleObj.origHandler = origHandler; + + handleObj.handler = function( ev, data ) { + var isWindow = this === window; + if(attributes && attributes.handler) { + var result = attributes.handler.apply(this, arguments); + if(result === true) { + return; + } + } + + // if this is the first handler for this event ... + if ( count === 0 ) { + // prevent others from doing what we are about to do + count++; + var where = data === false ? ev.target : this + + // trigger all this element's handlers + $.event.handle.call(where, ev); + if ( ev.isPropagationStopped() ) { + count--; + return; + } + + // get all other elements within this element that listen to move + // and trigger their resize events + var index = bound.index(this), + length = bound.length, + child, sub; + + // if index == -1 it's the window + while (++index < length && (child = bound[index]) && (isWindow || $.contains(where, child)) ) { + + // call the event + $.event.handle.call(child, ev); + + if ( ev.isPropagationStopped() ) { + // move index until the item is not in the current child + while (++index < length && (sub = bound[index]) ) { + if (!$.contains(child, sub) ) { + // set index back one + index--; + break + } + } + } + } + + // prevent others from responding + ev.stopImmediatePropagation(); + count--; + } else { + handleObj.origHandler.call(this, ev, data); + } + } + } + }; + + // automatically bind on these + $([document, window]).bind(name, function() {}); + + return $.event.special[name]; + } +}) \ No newline at end of file diff --git a/event/move/move_test.js b/event/reverse/reverse_test.js similarity index 63% rename from event/move/move_test.js rename to event/reverse/reverse_test.js index db412ff1..dccd0c87 100644 --- a/event/move/move_test.js +++ b/event/reverse/reverse_test.js @@ -1,17 +1,20 @@ steal('funcunit/qunit', 'jquery/event/move').then(function() { - test('Event bubbling', 2, function() { + $.event.reverse('test'); + + test('Event bubbling', 3, function() { $('#qunit-test-area').html('' +
'
');
- $('#innermost').on('move', function(ev) {
+ $('#innermost').on('test', function(ev) {
ok(true, 'Event reached #innermost div');
});
- $('#outer').trigger('move');
- $('body').trigger('move');
+ $('#outer').trigger('test');
+ $('body').trigger('test');
+ $(window).trigger('test');
});
test('stopPropagation', 2, function() {
@@ -21,16 +24,16 @@ steal('funcunit/qunit', 'jquery/event/move').then(function() {
'' +
'');
- $('#inner').on('move', function(ev) {
+ $('#inner').on('test', function(ev) {
ok(true, 'Event reached #inner div');
ev.stopPropagation();
});
- $('#innermost').on('move', function(ev) {
+ $('#innermost').on('test', function(ev) {
ok(false, 'Event should not reach #innermost div');
});
- $('#outer').trigger('move');
- $('body').trigger('move');
+ $('#outer').trigger('test');
+ $('body').trigger('test');
});
});
\ No newline at end of file
From f0e6896b0873466dbd7a38ec8c58a69e357d3550 Mon Sep 17 00:00:00 2001
From: David Luecke ' +
'
' +
'Innermost div
' +
'jQuery.animate Test Suite
- - - --
-
- Rice -
- Beans -
- Blinis -
- Tofu -
-
-
-
-
-
-
- See this blog entry for more information.
-
- Here are some links in a normal paragraph: Google,
- Google Groups (Link).
- This link has class="blog":
- diveintomark
-
-
-
-
- Everything inside the red border is inside a div with id="foo".
This is a normal link: Yahoo
-This link has class="blog": Simon Willison's Weblog
Try them out:
-
-
-
-
- hi there
-
-
-
- hidden
-
-
-
-
-
-
-
-
- -
-
I'm hungry. I should...
- ...Eat lots of food... |
- ...Eat a little food... |
- ...Eat no food...
- ...Eat a burger...
- ...Eat some funyuns...
- ...Eat some funyuns...
-
- 1
- 2
-
-
-
-
-
-
+
+
+
-
-
-
- fadeIn
- fadeIn
fadeOut
-
- fadeOut
show
- show
hide
-
- hide
togglein
- togglein
toggleout
-
-
- toggleout
slideUp
- slideUp
slideDown
-
- slideDown
slideToggleIn
- slideToggleIn
slideToggleOut
-
- slideToggleOut
fadeToggleIn
- fadeToggleIn
fadeToggleOut
-
- fadeToggleOut
fadeTo
- fadeTo
jQuery++ Test Suite
+ + + + +jQuery.event.key keymap customizer
- + +test
text test").show().remove();
- jQuery("test
text test").hide().remove();
- });
-
- test("show(Number) - other displays", function () {
- expect(15);
- QUnit.reset();
- stop();
-
- // #show-tests * is set display: none in CSS
- jQuery("#qunit-fixture").append("foo
");
-
- var $span = jQuery("#show-tests span"),
- displayNone = $span.css("display"),
- display = "", num = 0;
-
- $span.show();
+ // Make sure that showing or hiding a text node doesn't cause an error
+ jQuery("test
text test").show().remove();
+ jQuery("test
text test").hide().remove();
+ });
- display = $span.css("display");
+ test("show(Number) - other displays", function() {
+ expect(15);
+ QUnit.reset();
+ stop();
- $span.hide();
+ // #show-tests * is set display: none in CSS
+ jQuery("#qunit-fixture").append("foo
");
- equal(dfn8099.css("display"), "none", "default display override for all dfn");
- equal(dfn8099.show().css("display"), "inline", "Correctly resolves display:inline");
+ var $span = jQuery("#show-tests span"),
+ displayNone = $span.css("display"),
+ display = "", num = 0;
- tt8099.remove();
- dfn8099.remove();
+ $span.show();
- });
+ display = $span.css("display");
+ $span.hide();
- test("animate(Hash, Object, Function)", function () {
- expect(1);
- stop();
- var hash = {opacity : "show"};
- var hashCopy = jQuery.extend({}, hash);
- jQuery("#foo").animate(hash, 0, function () {
- equal(hash.opacity, hashCopy.opacity, "Check if animate changed the hash parameter");
- start();
+ $span.fadeIn(100, function() {
+ equal($span.css("display"), display, "Expecting display: " + display);
+ $span.fadeOut(100, function () {
+ equal($span.css("display"), displayNone, "Expecting display: " + displayNone);
+ $span.fadeIn(100, function() {
+ equal($span.css("display"), display, "Expecting display: " + display);
+ start();
+ });
+ });
+ });
});
- });
- test("animate negative height", function () {
- expect(1);
- stop();
- jQuery("#foo").animate({ height : -100 }, 100, function () {
- equal(this.offsetHeight, 0, "Verify height.");
- start();
+ test("animate(Hash, Object, Function)", function() {
+ expect(1);
+ stop();
+ var hash = {opacity: "show"};
+ var hashCopy = jQuery.extend({}, hash);
+ jQuery("#foo").animate(hash, 0, function() {
+ equal( hash.opacity, hashCopy.opacity, "Check if animate changed the hash parameter" );
+ start();
+ });
});
- });
- test("animate block as inline width/height", function () {
- expect(3);
-
- var span = jQuery("").css("display", "inline-block").appendTo("body"),
- expected = span.css("display");
+ test("animate negative height", function() {
+ expect(1);
+ stop();
+ jQuery("#foo").animate({ height: -100 }, 100, function() {
+ equal( this.offsetHeight, 0, "Verify height." );
+ start();
+ });
+ });
- span.remove();
+ test("animate negative margin", function() {
+ expect(1);
+ stop();
+ jQuery("#foo").animate({ "marginTop": -100 }, 100, function() {
+ equal( jQuery(this).css("marginTop"), "-100px", "Verify margin." );
+ start();
+ });
+ });
- if (jQuery.support.inlineBlockNeedsLayout || expected === "inline-block") {
+ test("animate negative margin with px", function() {
+ expect(1);
stop();
+ jQuery("#foo").animate({ marginTop: "-100px" }, 100, function() {
+ equal( jQuery(this).css("marginTop"), "-100px", "Verify margin." );
+ start();
+ });
+ });
- jQuery("#foo").css({ display : "inline", width : "", height : "" }).animate({ width : 42, height : 42 }, 100, function () {
- equal(jQuery(this).css("display"), jQuery.support.inlineBlockNeedsLayout ? "inline" : "inline-block", "inline-block was set on non-floated inline element when animating width/height");
- equal(this.offsetWidth, 42, "width was animated");
- equal(this.offsetHeight, 42, "height was animated");
+ test("animate negative padding", function() {
+ expect(1);
+ stop();
+ jQuery("#foo").animate({ "paddingBottom": -100 }, 100, function() {
+ equal( jQuery(this).css("paddingBottom"), "0px", "Verify paddingBottom." );
start();
});
+ });
- // Browser doesn't support inline-block
- } else {
- ok(true, "Browser doesn't support inline-block");
- ok(true, "Browser doesn't support inline-block");
- ok(true, "Browser doesn't support inline-block");
- }
- });
+ test("animate block as inline width/height", function() {
+ expect(3);
- test("animate native inline width/height", function () {
- expect(3);
+ var span = jQuery("").css("display", "inline-block").appendTo("body"),
+ expected = span.css("display");
- var span = jQuery("").css("display", "inline-block").appendTo("body"),
- expected = span.css("display");
+ span.remove();
- span.remove();
+ if ( jQuery.support.inlineBlockNeedsLayout || expected === "inline-block" ) {
+ stop();
- if (jQuery.support.inlineBlockNeedsLayout || expected === "inline-block") {
- stop();
- jQuery("#foo").css({ display : "", width : "", height : "" })
- .append("text")
- .children("span")
- .animate({ width : 42, height : 42 }, 100, function () {
- equal(jQuery(this).css("display"), "inline-block", "inline-block was set on non-floated inline element when animating width/height");
- equal(this.offsetWidth, 42, "width was animated");
- equal(this.offsetHeight, 42, "height was animated");
+ jQuery("#foo").css({ display: "inline", width: "", height: "" }).animate({ width: 42, height: 42 }, 100, function() {
+ equal( jQuery(this).css("display"), jQuery.support.inlineBlockNeedsLayout ? "inline" : "inline-block", "inline-block was set on non-floated inline element when animating width/height" );
+ equal( this.offsetWidth, 42, "width was animated" );
+ equal( this.offsetHeight, 42, "height was animated" );
start();
});
- // Browser doesn't support inline-block
- } else {
- ok(true, "Browser doesn't support inline-block");
- ok(true, "Browser doesn't support inline-block");
- ok(true, "Browser doesn't support inline-block");
- }
- });
-
- test("animate block width/height", function () {
- expect(3);
- stop();
- jQuery("#foo").css({ display : "block", width : 20, height : 20 }).animate({ width : 42, height : 42 }, 100, function () {
- equal(jQuery(this).css("display"), "block", "inline-block was not set on block element when animating width/height");
- equal(this.offsetWidth, 42, "width was animated");
- equal(this.offsetHeight, 42, "height was animated");
- start();
+ // Browser doesn't support inline-block
+ } else {
+ ok( true, "Browser doesn't support inline-block" );
+ ok( true, "Browser doesn't support inline-block" );
+ ok( true, "Browser doesn't support inline-block" );
+ }
});
- });
-
- test("animate table width/height", function () {
- expect(1);
- stop();
- var displayMode = jQuery("#table").css("display") !== "table" ? "block" : "table";
+ test("animate native inline width/height", function() {
+ expect(3);
- jQuery("#table").animate({ width : 42, height : 42 }, 100, function () {
- equal(jQuery(this).css("display"), displayMode, "display mode is correct");
- start();
- });
- });
+ var span = jQuery("").css("display", "inline-block").appendTo("body"),
+ expected = span.css("display");
- test("animate table-row width/height", function () {
- expect(3);
- stop();
- var tr = jQuery("#table")
- .attr({ "cellspacing" : 0, "cellpadding" : 0, "border" : 0 })
- .html("")
- .appendTo("#qunit-fixture").children("div");
+ var displayMode = jQuery("#table").css("display") !== "table" ? "block" : "table";
- stop();
- $div.animate({ width : "25%", height : "25%" }, 13, function () {
- var $this = jQuery(this);
- equal($this.width(), 15, "Width was animated to 15px rather than 25px");
- equal($this.height(), 15, "Height was animated to 15px rather than 25px");
- start();
+ jQuery("#table").animate({ width: 42, height: 42 }, 100, function() {
+ equal( jQuery(this).css("display"), displayMode, "display mode is correct" );
+ start();
+ });
});
- });
- test("animate resets overflow-x and overflow-y when finished", function () {
- expect(2);
- stop();
- jQuery("#foo")
- .css({ display : "block", width : 20, height : 20, overflowX : "visible", overflowY : "auto" })
- .animate({ width : 42, height : 42 }, 100, function () {
- equal(this.style.overflowX, "visible", "overflow-x is visible");
- equal(this.style.overflowY, "auto", "overflow-y is auto");
+ test("animate table-row width/height", function() {
+ expect(3);
+ stop();
+ var tr = jQuery("#table")
+ .attr({ "cellspacing": 0, "cellpadding": 0, "border": 0 })
+ .html("
")
+ .appendTo("#qunit-fixture").children("div");
- foo.animate({
- fontSize : "2em"
- }, {
- queue : true,
- duration : 10,
- complete : function () {
- ok(true, "Animation Completed");
+ stop();
+ $div.animate({ width: "25%", height: "25%" }, 13, function() {
+ var $this = jQuery(this);
+ equal( $this.css("width"), "15px", "Width was animated to 15px rather than 25px");
+ equal( $this.css("height"), "15px", "Height was animated to 15px rather than 25px");
start();
- }
+ });
});
- notEqual(foo.queue().length, 0, "Default queue is not empty");
- });
-
-
- asyncTest("animate option { queue: 'name' }", function () {
- expect(5);
- var foo = jQuery("#foo"),
- origWidth = foo.width(),
- order = [];
+ test("animate resets overflow-x and overflow-y when finished", function() {
+ expect(2);
+ stop();
+ jQuery("#foo")
+ .css({ display: "block", width: 20, height: 20, overflowX: "visible", overflowY: "auto" })
+ .animate({ width: 42, height: 42 }, 100, function() {
+ equal( this.style.overflowX, "visible", "overflow-x is visible" );
+ equal( this.style.overflowY, "auto", "overflow-y is auto" );
+ start();
+ });
+ });
- foo.animate({ width : origWidth + 100 }, {
- queue : 'name',
- duration : 1,
- complete : function () {
+ /* // This test ends up being flaky depending upon the CPU load
+ test("animate option (queue === false)", function () {
+ expect(1);
+ stop();
+
+ var order = [];
+
+ var $foo = jQuery("#foo");
+ $foo.animate({width:"100px"}, 3000, function () {
+ // should finish after unqueued animation so second
+ order.push(2);
+ deepEqual( order, [ 1, 2 ], "Animations finished in the correct order" );
+ start();
+ });
+ $foo.animate({fontSize:"2em"}, {queue:false, duration:10, complete:function () {
+ // short duration and out of queue so should finish first
+ order.push(1);
+ }});
+ });
+ */
+
+ asyncTest( "animate option { queue: false }", function() {
+ expect( 2 );
+ var foo = jQuery( "#foo" );
+
+ foo.animate({
+ fontSize: "2em"
+ }, {
+ queue: false,
+ duration: 10,
+ complete: function() {
+ ok( true, "Animation Completed" );
+ start();
+ }
+ });
- // second callback function
- order.push(2);
- equal(foo.width(), origWidth + 100, "Animation ended");
- equal(foo.queue("name").length, 1, "Queue length of 'name' queue");
- }
- }).queue("name", function (next) {
+ equal( foo.queue().length, 0, "Queue is empty" );
+ });
- // last callback function
- deepEqual(order, [ 1, 2 ], "Callbacks in expected order");
- start();
+ asyncTest( "animate option { queue: true }", function() {
+ expect( 2 );
+ var foo = jQuery( "#foo" );
+
+ foo.animate({
+ fontSize: "2em"
+ }, {
+ queue: true,
+ duration: 10,
+ complete: function() {
+ ok( true, "Animation Completed" );
+ start();
+ }
});
- setTimeout(function () {
+ notEqual( foo.queue().length, 0, "Default queue is not empty" );
+ });
- // this is the first callback function that should be called
- order.push(1);
- equal(foo.width(), origWidth, "Animation does not start on its own.");
- equal(foo.queue("name").length, 2, "Queue length of 'name' queue");
- foo.dequeue("name");
- }, 100);
+ asyncTest( "animate option { queue: 'name' }", function() {
+ expect( 5 );
+ var foo = jQuery( "#foo" ),
+ origWidth = parseFloat( foo.css("width") ),
+ order = [];
+
+ foo.animate( { width: origWidth + 100 }, {
+ queue: 'name',
+ duration: 1,
+ complete: function() {
+
+ // second callback function
+ order.push( 2 );
+ equal( parseFloat( foo.css("width") ), origWidth + 100, "Animation ended" );
+ equal( foo.queue("name").length, 1, "Queue length of 'name' queue" );
+ }
+ }).queue( "name", function( next ) {
- });
+ // last callback function
+ deepEqual( order, [ 1, 2 ], "Callbacks in expected order" );
+ start();
+ });
- test("animate with no properties", function () {
- expect(2);
+ setTimeout( function() {
- var divs = jQuery("div"), count = 0;
+ // this is the first callback function that should be called
+ order.push( 1 );
+ equal( parseFloat( foo.css("width") ), origWidth, "Animation does not start on its own." );
+ equal( foo.queue("name").length, 2, "Queue length of 'name' queue" );
+ foo.dequeue( "name" );
+ }, 100 );
- divs.animate({}, function () {
- count++;
});
- equal(divs.length, count, "Make sure that callback is called for each element in the set.");
+ test("animate with no properties", function() {
+ expect(2);
+
+ var divs = jQuery("div"), count = 0;
- stop();
+ divs.animate({}, function(){
+ count++;
+ });
- var foo = jQuery("#foo");
+ equal( divs.length, count, "Make sure that callback is called for each element in the set." );
- foo.animate({});
- foo.animate({ top : 10 }, 100, function () {
- ok(true, "Animation was properly dequeued.");
- start();
+ stop();
+
+ var foo = jQuery("#foo");
+
+ foo.animate({});
+ foo.animate({top: 10}, 100, function(){
+ ok( true, "Animation was properly dequeued." );
+ start();
+ });
});
- });
- test("animate duration 0", function () {
- expect(11);
+ test("animate duration 0", function() {
+ expect(11);
- stop();
+ stop();
- var $elems = jQuery([
- { a : 0 },
- { a : 0 }
- ]), counter = 0;
+ var $elems = jQuery([{ a:0 },{ a:0 }]), counter = 0;
- equal(jQuery.timers.length, 0, "Make sure no animation was running from another test");
+ equal( jQuery.timers.length, 0, "Make sure no animation was running from another test" );
- $elems.eq(0).animate({a : 1}, 0, function () {
- ok(true, "Animate a simple property.");
- counter++;
- });
+ $elems.eq(0).animate( {a:1}, 0, function(){
+ ok( true, "Animate a simple property." );
+ counter++;
+ });
- // Failed until [6115]
- equal(jQuery.timers.length, 0, "Make sure synchronic animations are not left on jQuery.timers");
+ // Failed until [6115]
+ equal( jQuery.timers.length, 0, "Make sure synchronic animations are not left on jQuery.timers" );
- equal(counter, 1, "One synchronic animations");
+ equal( counter, 1, "One synchronic animations" );
- $elems.animate({ a : 2 }, 0, function () {
- ok(true, "Animate a second simple property.");
- counter++;
- });
+ $elems.animate( { a:2 }, 0, function(){
+ ok( true, "Animate a second simple property." );
+ counter++;
+ });
- equal(counter, 3, "Multiple synchronic animations");
+ equal( counter, 3, "Multiple synchronic animations" );
- $elems.eq(0).animate({a : 3}, 0, function () {
- ok(true, "Animate a third simple property.");
- counter++;
- });
- $elems.eq(1).animate({a : 3}, 200, function () {
- counter++;
- // Failed until [6115]
- equal(counter, 5, "One synchronic and one asynchronic");
- start();
- });
+ $elems.eq(0).animate( {a:3}, 0, function(){
+ ok( true, "Animate a third simple property." );
+ counter++;
+ });
+ $elems.eq(1).animate( {a:3}, 200, function(){
+ counter++;
+ // Failed until [6115]
+ equal( counter, 5, "One synchronic and one asynchronic" );
+ start();
+ });
+
+ var $elem = jQuery("");
+ $elem.show(0, function(){
+ ok(true, "Show callback with no duration");
+ });
+ $elem.hide(0, function(){
+ ok(true, "Hide callback with no duration");
+ });
- var $elem = jQuery("");
- $elem.show(0, function () {
- ok(true, "Show callback with no duration");
+ // manually clean up detached elements
+ $elem.remove();
});
- $elem.hide(0, function () {
- ok(true, "Hide callback with no duration");
+
+ test("animate hyphenated properties", function() {
+ expect(1);
+ stop();
+
+ jQuery("#foo")
+ .css("font-size", 10)
+ .animate({"font-size": 20}, 200, function() {
+ equal( this.style.fontSize, "20px", "The font-size property was animated." );
+ start();
+ });
});
- // manually clean up detached elements
- $elem.remove();
- });
+ test("animate non-element", function() {
+ expect(1);
+ stop();
- test("animate hyphenated properties", function () {
- expect(1);
- stop();
+ var obj = { test: 0 };
- jQuery("#foo")
- .css("font-size", 10)
- .animate({"font-size" : 20}, 200, function () {
- equal(this.style.fontSize, "20px", "The font-size property was animated.");
+ jQuery(obj).animate({test: 200}, 200, function(){
+ equal( obj.test, 200, "The custom property should be modified." );
start();
});
- });
+ });
- test("animate non-element", function () {
- expect(1);
- stop();
+ test("stop()", function() {
+ expect( 4 );
+ stop();
- var obj = { test : 0 };
+ var $foo = jQuery("#foo"),
+ tests = 2,
+ w = 0;
+
+ $foo.hide().css( "width", 200 )
+ .animate( { "width": "show" }, 1500 );
+
+ setTimeout(function() {
+ var nw = $foo.css("width");
+ notEqual( parseFloat( nw ), w, "An animation occurred " + nw + " " + w + "px" );
+ $foo.stop();
+
+ nw = $foo.css("width");
+ notEqual( parseFloat( nw ), w, "Stop didn't reset the animation " + nw + " " + w + "px" );
+ setTimeout(function() {
+ $foo.removeData();
+ $foo.removeData(undefined, true);
+ equal( nw, $foo.css("width"), "The animation didn't continue" );
+ if ( --tests === 0 ) {
+ start();
+ }
+ }, 100);
+ }, 100);
- jQuery(obj).animate({test : 200}, 200, function () {
- equal(obj.test, 200, "The custom property should be modified.");
- start();
+ var $one = jQuery("#fadein");
+ var $two = jQuery("#show");
+ $one.fadeTo(100, 0, function() {
+ $one.stop();
+ });
+ setTimeout(function() {
+ $two.fadeTo(100, 0, function() {
+ equal( $two.css("opacity"), "0", "Stop does not interfere with animations on other elements (#6641)" );
+ // Reset styles
+ $one.add( $two ).css("opacity", "");
+ if ( --tests === 0 ) {
+ start();
+ }
+ });
+ }, 50);
});
- });
- test("stop()", function () {
- expect(4);
- stop();
+ test("stop() - several in queue", function() {
+ expect(3);
+ stop();
- var $foo = jQuery("#foo");
- var w = 0;
+ var $foo = jQuery("#foo");
+ var w = 0;
+ $foo.hide().css( "width", 200 ).css("width");
- $foo.hide().width(200)
- .animate({ width : "show" }, 1000);
+ $foo.animate({ "width": "show" }, 1500);
+ $foo.animate({ "width": "hide" }, 1000);
+ $foo.animate({ "width": "show" }, 1000);
+ setTimeout(function(){
+ equal( $foo.queue().length, 3, "All 3 still in the queue" );
+ var nw = $foo.css("width");
+ notEqual( parseFloat( nw ), w, "An animation occurred " + nw + " " + w + "px");
+ $foo.stop();
- setTimeout(function () {
- var nw = $foo.width();
- notEqual(nw, w, "An animation occurred " + nw + "px " + w + "px");
- $foo.stop();
+ nw = $foo.css("width");
+ notEqual( parseFloat( nw ), w, "Stop didn't reset the animation " + nw + " " + w + "px");
- nw = $foo.width();
- notEqual(nw, w, "Stop didn't reset the animation " + nw + "px " + w + "px");
- setTimeout(function () {
- $foo.removeData();
- $foo.removeData(undefined, true);
- equal(nw, $foo.width(), "The animation didn't continue");
- start();
- }, 100);
- }, 100);
-
- var $one = jQuery("#fadein");
- var $two = jQuery("#show");
- $one.fadeTo(100, 0, function () {
- $one.stop();
- });
- setTimeout(function () {
- $two.fadeTo(100, 0, function () {
- equal($two.css("opacity"), "0", "Stop does not interfere with animations on other elements (#6641)");
- // Reset styles
- $one.add($two).css("opacity", "");
- });
- }, 50);
- });
-
- test("stop() - several in queue", function () {
- expect(3);
- stop();
-
- var $foo = jQuery("#foo");
- var w = 0;
- $foo.hide().width(200).width();
-
- $foo.animate({ width : "show" }, 1000);
- $foo.animate({ width : "hide" }, 1000);
- $foo.animate({ width : "show" }, 1000);
- setTimeout(function () {
- equal($foo.queue().length, 3, "All 3 still in the queue");
- var nw = $foo.width();
- notEqual(nw, w, "An animation occurred " + nw + "px " + w + "px");
- $foo.stop();
-
- nw = $foo.width();
- notEqual(nw, w, "Stop didn't reset the animation " + nw + "px " + w + "px");
-
- $foo.stop(true);
- start();
- }, 100);
- });
-
- test("stop(clearQueue)", function () {
- expect(4);
- stop();
-
- var $foo = jQuery("#foo");
- var w = 0;
- $foo.hide().width(200).width();
-
- $foo.animate({ width : "show" }, 1000);
- $foo.animate({ width : "hide" }, 1000);
- $foo.animate({ width : "show" }, 1000);
- setTimeout(function () {
- var nw = $foo.width();
- ok(nw != w, "An animation occurred " + nw + "px " + w + "px");
- $foo.stop(true);
-
- nw = $foo.width();
- ok(nw != w, "Stop didn't reset the animation " + nw + "px " + w + "px");
-
- equal($foo.queue().length, 0, "The animation queue was cleared");
- setTimeout(function () {
- equal(nw, $foo.width(), "The animation didn't continue");
+ $foo.stop(true);
start();
+ }, 200);
+ });
+
+ test("stop(clearQueue)", function() {
+ expect(4);
+ stop();
+
+ var $foo = jQuery("#foo");
+ var w = 0;
+ $foo.hide().css( "width", 200 ).css("width");
+
+ $foo.animate({ "width": "show" }, 1000);
+ $foo.animate({ "width": "hide" }, 1000);
+ $foo.animate({ "width": "show" }, 1000);
+ setTimeout(function(){
+ var nw = $foo.css("width");
+ ok( parseFloat( nw ) != w, "An animation occurred " + nw + " " + w + "px");
+ $foo.stop(true);
+
+ nw = $foo.css("width");
+ ok( parseFloat( nw ) != w, "Stop didn't reset the animation " + nw + " " + w + "px");
+
+ equal( $foo.queue().length, 0, "The animation queue was cleared" );
+ setTimeout(function(){
+ equal( nw, $foo.css("width"), "The animation didn't continue" );
+ start();
+ }, 100);
}, 100);
- }, 100);
- });
-
- test("stop(clearQueue, gotoEnd)", function () {
- expect(1);
- stop();
-
- var $foo = jQuery("#foo");
- var w = 0;
- $foo.hide().width(200).width();
-
- $foo.animate({ width : "show" }, 1000);
- $foo.animate({ width : "hide" }, 1000);
- $foo.animate({ width : "show" }, 1000);
- $foo.animate({ width : "hide" }, 1000);
- setTimeout(function () {
- var nw = $foo.width();
- ok(nw != w, "An animation occurred " + nw + "px " + w + "px");
- $foo.stop(false, true);
-
- nw = $foo.width();
- // Disabled, being flaky
- //equal( nw, 1, "Stop() reset the animation" );
-
- setTimeout(function () {
+ });
+
+ test("stop(clearQueue, gotoEnd)", function() {
+ expect(1);
+ stop();
+
+ var $foo = jQuery("#foo");
+ var w = 0;
+ $foo.hide().css( "width", 200 ).css("width");
+
+ $foo.animate({ width: "show" }, 1000);
+ $foo.animate({ width: "hide" }, 1000);
+ $foo.animate({ width: "show" }, 1000);
+ $foo.animate({ width: "hide" }, 1000);
+ setTimeout(function(){
+ var nw = $foo.css("width");
+ ok( parseFloat( nw ) != w, "An animation occurred " + nw + " " + w + "px");
+ $foo.stop(false, true);
+
+ nw = $foo.css("width");
// Disabled, being flaky
- //equal( $foo.queue().length, 2, "The next animation continued" );
- $foo.stop(true);
- start();
+ //equal( nw, 1, "Stop() reset the animation" );
+
+ setTimeout(function(){
+ // Disabled, being flaky
+ //equal( $foo.queue().length, 2, "The next animation continued" );
+ $foo.stop(true);
+ start();
+ }, 100);
}, 100);
- }, 100);
- });
-
- asyncTest("stop( queue, ..., ... ) - Stop single queues", function () {
- expect(3);
- var foo = jQuery("#foo"),
- saved;
-
- foo.width(200).height(200);
- foo.animate({
- width : 400
- }, {
- duration : 1000,
- complete : function () {
- equal(foo.width(), 400, "Animation completed for standard queue");
- equal(foo.height(), saved, "Height was not changed after the second stop");
- start();
- }
});
- foo.animate({
- height : 400
- }, {
- duration : 1000,
- queue : "height"
- }).dequeue("height").stop("height", false, true);
-
- equal(foo.height(), 400, "Height was stopped with gotoEnd");
-
- foo.animate({
- height : 200
- }, {
- duration : 1000,
- queue : "height"
- }).dequeue("height").stop("height", false, false);
- saved = foo.height();
- });
-
- test("toggle()", function () {
- expect(6);
- var x = jQuery("#foo");
- ok(x.is(":visible"), "is visible");
- x.toggle();
- ok(x.is(":hidden"), "is hidden");
- x.toggle();
- ok(x.is(":visible"), "is visible again");
-
- x.toggle(true);
- ok(x.is(":visible"), "is visible");
- x.toggle(false);
- ok(x.is(":hidden"), "is hidden");
- x.toggle(true);
- ok(x.is(":visible"), "is visible again");
- });
-
- jQuery.checkOverflowDisplay = function () {
- var o = jQuery.css(this, "overflow");
-
- equal(o, "visible", "Overflow should be visible: " + o);
- equal(jQuery.css(this, "display"), "inline", "Display shouldn't be tampered with.");
-
- start();
- };
-
- test("jQuery.fx.prototype.cur()", 6, function () {
- var div = jQuery("").appendTo("#qunit-fixture").css({
- color : "#ABC",
- border : "5px solid black",
- left : "auto",
- marginBottom : "-11000px"
- })[0];
-
- equal(
- ( new jQuery.fx(div, {}, "color") ).cur(),
- jQuery.css(div, "color"),
- "Return the same value as jQuery.css for complex properties (bug #7912)"
- );
-
- strictEqual(
- ( new jQuery.fx(div, {}, "borderLeftWidth") ).cur(),
- 5,
- "Return simple values parsed as Float"
- );
-
- // backgroundPosition actually returns 0% 0% in most browser
- // this fakes a "" return
- jQuery.cssHooks.backgroundPosition = {
- get : function () {
- ok(true, "hook used");
- return "";
- }
+ asyncTest( "stop( queue, ..., ... ) - Stop single queues", function() {
+ expect( 3 );
+ var foo = jQuery( "#foo" ),
+ saved;
+
+ foo.css( "width", 200 ).css( "height", 200 );
+ foo.animate({
+ width: 400
+ },{
+ duration: 1000,
+ complete: function() {
+ equal( parseFloat( foo.css("width") ), 400, "Animation completed for standard queue" );
+ equal( parseFloat( foo.css("height") ), saved, "Height was not changed after the second stop");
+ start();
+ }
+ });
+
+ foo.animate({
+ height: 400
+ },{
+ duration: 1000,
+ queue: "height"
+ }).dequeue( "height" ).stop( "height", false, true );
+
+ equal( parseFloat( foo.css("height") ), 400, "Height was stopped with gotoEnd" );
+
+ foo.animate({
+ height: 200
+ },{
+ duration: 1000,
+ queue: "height"
+ }).dequeue( "height" ).stop( "height", false, false );
+ saved = parseFloat( foo.css("height") );
+ });
+
+ test("toggle()", function() {
+ expect(6);
+ var x = jQuery("#foo");
+ ok( x.is(":visible"), "is visible" );
+ x.toggle();
+ ok( x.is(":hidden"), "is hidden" );
+ x.toggle();
+ ok( x.is(":visible"), "is visible again" );
+
+ x.toggle(true);
+ ok( x.is(":visible"), "is visible" );
+ x.toggle(false);
+ ok( x.is(":hidden"), "is hidden" );
+ x.toggle(true);
+ ok( x.is(":visible"), "is visible again" );
+ });
+
+ jQuery.checkOverflowDisplay = function(){
+ var o = jQuery.css( this, "overflow" );
+
+ equal(o, "visible", "Overflow should be visible: " + o);
+ equal(jQuery.css( this, "display" ), "inline", "Display shouldn't be tampered with.");
+
+ jQuery(this).remove();
+ start();
};
- strictEqual(
- ( new jQuery.fx(div, {}, "backgroundPosition") ).cur(),
- 0,
- "Return 0 when jQuery.css returns an empty string"
- );
-
- delete jQuery.cssHooks.backgroundPosition;
-
- strictEqual(
- ( new jQuery.fx(div, {}, "left") ).cur(),
- 0,
- "Return 0 when jQuery.css returns 'auto'"
- );
-
- equal(
- ( new jQuery.fx(div, {}, "marginBottom") ).cur(),
- -11000,
- "support negative values < -10000 (bug #7193)"
- );
- });
-
- test("JS Overflow and Display", function () {
- expect(2);
- stop();
- jQuery.makeTest("JS Overflow and Display")
- .addClass("widewidth")
- .css({ overflow : "visible", display : "inline" })
- .addClass("widewidth")
- .text("Some sample text.")
- .before("text before")
- .after("text after")
- .animate({ opacity : 0.5 }, "slow", jQuery.checkOverflowDisplay);
- });
-
- test("CSS Overflow and Display", function () {
- expect(2);
- stop();
- jQuery.makeTest("CSS Overflow and Display")
- .addClass("overflow inline")
- .addClass("widewidth")
- .text("Some sample text.")
- .before("text before")
- .after("text after")
- .animate({ opacity : 0.5 }, "slow", jQuery.checkOverflowDisplay);
- });
-
- jQuery.each({
- "CSS Auto" : function (elem, prop) {
- jQuery(elem).addClass("auto" + prop)
- .text("This is a long string of text.");
- return "";
- },
- "JS Auto" : function (elem, prop) {
- jQuery(elem).css(prop, "")
- .text("This is a long string of text.");
- return "";
- },
- "CSS 100" : function (elem, prop) {
- jQuery(elem).addClass("large" + prop);
- return "";
- },
- "JS 100" : function (elem, prop) {
- jQuery(elem).css(prop, prop === "opacity" ? 1 : "100px");
- return prop === "opacity" ? 1 : 100;
- },
- "CSS 50" : function (elem, prop) {
- jQuery(elem).addClass("med" + prop);
- return "";
- },
- "JS 50" : function (elem, prop) {
- jQuery(elem).css(prop, prop === "opacity" ? 0.50 : "50px");
- return prop === "opacity" ? 0.5 : 50;
- },
- "CSS 0" : function (elem, prop) {
- jQuery(elem).addClass("no" + prop);
- return "";
- },
- "JS 0" : function (elem, prop) {
- jQuery(elem).css(prop, prop === "opacity" ? 0 : "0px");
- return 0;
- }
- }, function (fn, f) {
+ test( "jQuery.fx.prototype.cur() - <1.8 Back Compat", 7, function() {
+ var div = jQuery( "" ).appendTo( "#qunit-fixture" ).css({
+ color: "#ABC",
+ border: "5px solid black",
+ left: "auto",
+ marginBottom: "-11000px"
+ })[0];
+
+ equal(
+ ( new jQuery.fx( div, {}, "color" ) ).cur(),
+ jQuery.css( div, "color" ),
+ "Return the same value as jQuery.css for complex properties (bug #7912)"
+ );
+
+ strictEqual(
+ ( new jQuery.fx( div, {}, "borderLeftWidth" ) ).cur(),
+ 5,
+ "Return simple values parsed as Float"
+ );
+
+ // backgroundPosition actually returns 0% 0% in most browser
+ // this fakes a "" return
+ // hook now gets called twice because Tween will grab the current
+ // value as it is being newed
+ jQuery.cssHooks.backgroundPosition = {
+ get: function() {
+ ok( true, "hook used" );
+ return "";
+ }
+ };
+
+ strictEqual(
+ ( new jQuery.fx( div, {}, "backgroundPosition" ) ).cur(),
+ 0,
+ "Return 0 when jQuery.css returns an empty string"
+ );
+
+ delete jQuery.cssHooks.backgroundPosition;
+
+ strictEqual(
+ ( new jQuery.fx( div, {}, "left" ) ).cur(),
+ 0,
+ "Return 0 when jQuery.css returns 'auto'"
+ );
+
+ equal(
+ ( new jQuery.fx( div, {}, "marginBottom" ) ).cur(),
+ -11000,
+ "support negative values < -10000 (bug #7193)"
+ );
+
+ jQuery( div ).remove();
+ });
+
+ test("JS Overflow and Display", function() {
+ expect(2);
+ stop();
+ jQuery.makeTest( "JS Overflow and Display" )
+ .addClass("widewidth")
+ .css({ overflow: "visible", display: "inline" })
+ .addClass("widewidth")
+ .text("Some sample text.")
+ .before("text before")
+ .after("text after")
+ .animate({ opacity: 0.5 }, "slow", jQuery.checkOverflowDisplay);
+ });
+
+ test("CSS Overflow and Display", function() {
+ expect(2);
+ stop();
+ jQuery.makeTest( "CSS Overflow and Display" )
+ .addClass("overflow inline")
+ .addClass("widewidth")
+ .text("Some sample text.")
+ .before("text before")
+ .after("text after")
+ .animate({ opacity: 0.5 }, "slow", jQuery.checkOverflowDisplay);
+ });
+
jQuery.each({
- "show" : function (elem, prop) {
- jQuery(elem).hide().addClass("wide" + prop);
- return "show";
+ "CSS Auto": function( elem, prop ) {
+ jQuery( elem ).addClass( "auto" + prop )
+ .text( "This is a long string of text." );
+ return "";
+ },
+ "JS Auto": function( elem, prop ) {
+ jQuery( elem ).css( prop, "" )
+ .text( "This is a long string of text." );
+ return "";
+ },
+ "CSS 100": function( elem, prop ) {
+ jQuery( elem ).addClass( "large" + prop );
+ return "";
},
- "hide" : function (elem, prop) {
- jQuery(elem).addClass("wide" + prop);
- return "hide";
+ "JS 100": function( elem, prop ) {
+ jQuery( elem ).css( prop, prop === "opacity" ? 1 : "100px" );
+ return prop === "opacity" ? 1 : 100;
},
- "100" : function (elem, prop) {
- jQuery(elem).addClass("wide" + prop);
- return prop == "opacity" ? 1 : 100;
+ "CSS 50": function( elem, prop ) {
+ jQuery( elem ).addClass( "med" + prop );
+ return "";
},
- "50" : function (elem, prop) {
- return prop == "opacity" ? 0.50 : 50;
+ "JS 50": function( elem, prop ) {
+ jQuery( elem ).css( prop, prop === "opacity" ? 0.50 : "50px" );
+ return prop === "opacity" ? 0.5 : 50;
},
- "0" : function (elem, prop) {
- jQuery(elem).addClass("noback");
+ "CSS 0": function( elem, prop ) {
+ jQuery( elem ).addClass( "no" + prop );
+ return "";
+ },
+ "JS 0": function( elem, prop ) {
+ jQuery( elem ).css( prop, prop === "opacity" ? 0 : "0px" );
return 0;
}
- }, function (tn, t) {
- test(fn + " to " + tn, function () {
- var elem = jQuery.makeTest(fn + " to " + tn);
-
- var t_w = t(elem, "width");
- var f_w = f(elem, "width");
- var t_h = t(elem, "height");
- var f_h = f(elem, "height");
- var t_o = t(elem, "opacity");
- var f_o = f(elem, "opacity");
-
- if (f_o === "") {
- f_o = 1;
+ }, function( fn, f ) {
+ jQuery.each({
+ "show": function( elem, prop ) {
+ jQuery( elem ).hide( ).addClass( "wide" + prop );
+ return "show";
+ },
+ "hide": function( elem, prop ) {
+ jQuery( elem ).addClass( "wide" + prop );
+ return "hide";
+ },
+ "100": function( elem, prop ) {
+ jQuery( elem ).addClass( "wide" + prop );
+ return prop == "opacity" ? 1 : 100;
+ },
+ "50": function( elem, prop ) {
+ return prop == "opacity" ? 0.50 : 50;
+ },
+ "0": function( elem, prop ) {
+ jQuery( elem ).addClass( "noback" );
+ return 0;
}
+ }, function( tn, t ) {
+ test(fn + " to " + tn, function() {
+ var elem = jQuery.makeTest( fn + " to " + tn );
+
+ var t_w = t( elem, "width" );
+ var f_w = f( elem, "width" );
+ var t_h = t( elem, "height" );
+ var f_h = f( elem, "height" );
+ var t_o = t( elem, "opacity" );
+ var f_o = f( elem, "opacity" );
+
+ if ( f_o === "" ) {
+ f_o = 1;
+ }
- var num = 0;
-
- if (t_h == "show") num++;
- if (t_w == "show") num++;
- if (t_w == "hide" || t_w == "show") num++;
- if (t_h == "hide" || t_h == "show") num++;
- if (t_o == "hide" || t_o == "show") num++;
- if (t_w == "hide") num++;
- if (t_o.constructor == Number) num += 2;
- if (t_w.constructor == Number) num += 2;
- if (t_h.constructor == Number) num += 2;
-
- expect(num);
- stop();
+ var num = 0;
+ // TODO: uncrowd this
+ if ( t_h == "show" ) {num++;}
+ if ( t_w == "show" ) {num++;}
+ if ( t_w == "hide" || t_w == "show" ) {num++;}
+ if ( t_h == "hide" || t_h == "show" ) {num++;}
+ if ( t_o == "hide" || t_o == "show" ) {num++;}
+ if ( t_w == "hide" ) {num++;}
+ if ( t_o.constructor == Number ) {num += 2;}
+ if ( t_w.constructor == Number ) {num += 2;}
+ if ( t_h.constructor == Number ) {num +=2;}
+
+ expect( num );
+ stop();
- var anim = { width : t_w, height : t_h, opacity : t_o };
+ var anim = { width: t_w, height: t_h, opacity: t_o };
- elem.animate(anim, 50);
+ elem.animate(anim, 50);
- jQuery.when(elem).done(function (elem) {
+ jQuery.when( elem ).done(function( elem ) {
- elem = elem[ 0 ];
+ elem = elem[ 0 ];
- if (t_w == "show") {
- equal(elem.style.display, "block", "Showing, display should block: " + elem.style.display);
- }
+ if ( t_w == "show" ) {
+ equal( elem.style.display, "block", "Showing, display should block: " + elem.style.display );
+ }
- if (t_w == "hide" || t_w == "show") {
- ok(f_w === "" ? elem.style.width === f_w : elem.style.width.indexOf(f_w) === 0, "Width must be reset to " + f_w + ": " + elem.style.width);
- }
+ if ( t_w == "hide" || t_w == "show" ) {
+ ok( f_w === "" ? elem.style.width === f_w : elem.style.width.indexOf( f_w ) === 0, "Width must be reset to " + f_w + ": " + elem.style.width );
+ }
- if (t_h == "hide" || t_h == "show") {
- ok(f_h === "" ? elem.style.height === f_h : elem.style.height.indexOf(f_h) === 0, "Height must be reset to " + f_h + ": " + elem.style.height);
- }
+ if ( t_h == "hide" || t_h == "show" ) {
+ ok( f_h === "" ? elem.style.height === f_h : elem.style.height.indexOf( f_h ) === 0, "Height must be reset to " + f_h + ": " + elem.style.height );
+ }
- var cur_o = jQuery.style(elem, "opacity");
+ var cur_o = jQuery.style(elem, "opacity");
- if (f_o !== jQuery.css(elem, "opacity")) {
- f_o = f(elem, "opacity");
- }
+ if ( f_o !== jQuery.css(elem, "opacity") ) {
+ f_o = f( elem, "opacity" );
+ }
- // The only time an _empty_string_ will be matched is in IE
- // otherwise, the correct values will be tested as usual
- if (f_o === "") {
- f_o = 1;
- }
- // See above
- if (cur_o === "") {
- cur_o = 1;
- }
+ // The only time an _empty_string_ will be matched is in IE
+ // otherwise, the correct values will be tested as usual
+ if ( f_o === "" ) {
+ f_o = 1;
+ }
+ // See above
+ if ( cur_o === "" ) {
+ cur_o = 1;
+ }
- if (t_o == "hide" || t_o == "show") {
- equal(cur_o, f_o, "Opacity must be reset to " + f_o + ": " + cur_o);
- }
+ if ( t_o == "hide" || t_o == "show" ) {
+ equal( cur_o, f_o, "Opacity must be reset to " + f_o + ": " + cur_o );
+ }
- if (t_w == "hide") {
- equal(elem.style.display, "none", "Hiding, display should be none: " + elem.style.display);
- }
+ if ( t_w == "hide" ) {
+ equal( elem.style.display, "none", "Hiding, display should be none: " + elem.style.display );
+ }
- if (t_o.constructor == Number) {
- equal(cur_o, t_o, "Final opacity should be " + t_o + ": " + cur_o);
+ if ( t_o.constructor == Number ) {
+ equal( cur_o, t_o, "Final opacity should be " + t_o + ": " + cur_o );
- ok(jQuery.css(elem, "opacity") != "" || cur_o == t_o, "Opacity should be explicitly set to " + t_o + ", is instead: " + cur_o);
- }
+ ok( jQuery.css(elem, "opacity") !== "" || cur_o == t_o, "Opacity should be explicitly set to " + t_o + ", is instead: " + cur_o );
+ }
- if (t_w.constructor == Number) {
- equal(elem.style.width, t_w + "px", "Final width should be " + t_w + ": " + elem.style.width);
+ if ( t_w.constructor == Number ) {
+ equal( elem.style.width, t_w + "px", "Final width should be " + t_w + ": " + elem.style.width );
- var cur_w = jQuery.css(elem, "width");
+ var cur_w = jQuery.css( elem,"width" );
- ok(elem.style.width != "" || cur_w == t_w, "Width should be explicitly set to " + t_w + ", is instead: " + cur_w);
- }
+ ok( elem.style.width !== "" || cur_w == t_w, "Width should be explicitly set to " + t_w + ", is instead: " + cur_w );
+ }
- if (t_h.constructor == Number) {
- equal(elem.style.height, t_h + "px", "Final height should be " + t_h + ": " + elem.style.height);
+ if ( t_h.constructor == Number ) {
+ equal( elem.style.height, t_h + "px", "Final height should be " + t_h + ": " + elem.style.height );
- var cur_h = jQuery.css(elem, "height");
+ var cur_h = jQuery.css( elem,"height" );
- ok(elem.style.height != "" || cur_h == t_h, "Height should be explicitly set to " + t_h + ", is instead: " + cur_w);
- }
+ ok( elem.style.height !== "" || cur_h == t_h, "Height should be explicitly set to " + t_h + ", is instead: " + cur_h );
+ }
- if (t_h == "show") {
- var old_h = jQuery.css(elem, "height");
- jQuery(elem).append("
Some more text
and some more..."); + if ( t_h == "show" ) { + var old_h = jQuery.css( elem, "height" ); + jQuery( elem ).append("
Some more text
and some more..."); - if (/Auto/.test(fn)) { - notEqual(jQuery.css(elem, "height"), old_h, "Make sure height is auto."); - } else { - equal(jQuery.css(elem, "height"), old_h, "Make sure height is not auto."); + if ( /Auto/.test( fn ) ) { + notEqual( jQuery.css( elem, "height" ), old_h, "Make sure height is auto." ); + } else { + equal( jQuery.css( elem, "height" ), old_h, "Make sure height is not auto." ); + } } - } - // manually remove generated element - jQuery(elem).remove(); + // manually remove generated element + jQuery( elem ).remove(); - start(); + start(); + }); }); }); }); - }); - jQuery.fn.saveState = function (hiddenOverflow) { - var check = ["opacity", "height", "width", "display", "overflow"]; - expect(check.length); + jQuery.fn.saveState = function( hiddenOverflow ) { + var check = ["opacity", "height", "width", "display", "overflow"]; + expect(check.length); + + stop(); + return this.each(function(){ + var self = this; + self.save = {}; + jQuery.each(check, function( i, c ) { + self.save[ c ] = c === "overflow" && hiddenOverflow ? "hidden" : self.style[ c ] || jQuery.css( self, c ); + }); + }); + }; - stop(); - return this.each(function () { + /** @expose */ + jQuery.checkState = function() { var self = this; - self.save = {}; - jQuery.each(check, function (i, c) { - self.save[ c ] = c === "overflow" && hiddenOverflow ? "hidden" : self.style[ c ] || jQuery.css(self, c); + jQuery.each(this.save, function( c, v ) { + var cur = self.style[ c ] || jQuery.css( self, c ); + equal( cur, v, "Make sure that " + c + " is reset (Old: " + v + " Cur: " + cur + ")"); }); + + // manually clean data on modified element + jQuery.removeData( this, "olddisplay", true ); + + start(); + }; + +// Chaining Tests + test("Chain fadeOut fadeIn", function() { + jQuery("#fadein div").saveState().fadeOut("fast").fadeIn("fast", jQuery.checkState ); + }); + test("Chain fadeIn fadeOut", function() { + jQuery("#fadeout div").saveState().fadeIn("fast").fadeOut("fast", jQuery.checkState ); + }); + + test("Chain hide show", function() { + jQuery("#show div").saveState( jQuery.support.shrinkWrapBlocks ).hide("fast").show("fast", jQuery.checkState ); + }); + test("Chain show hide", function() { + jQuery("#hide div").saveState( jQuery.support.shrinkWrapBlocks ).show("fast").hide("fast", jQuery.checkState ); + }); + test("Chain show hide with easing and callback", function() { + jQuery("#hide div").saveState().show("fast").hide("fast","linear", jQuery.checkState ); + }); + + test("Chain toggle in", function() { + jQuery("#togglein div").saveState( jQuery.support.shrinkWrapBlocks ).toggle("fast").toggle("fast", jQuery.checkState ); + }); + test("Chain toggle out", function() { + jQuery("#toggleout div").saveState( jQuery.support.shrinkWrapBlocks ).toggle("fast").toggle("fast", jQuery.checkState ); + }); + test("Chain toggle out with easing and callback", function() { + jQuery("#toggleout div").saveState( jQuery.support.shrinkWrapBlocks ).toggle("fast").toggle("fast","linear", jQuery.checkState ); + }); + test("Chain slideDown slideUp", function() { + jQuery("#slidedown div").saveState( jQuery.support.shrinkWrapBlocks ).slideDown("fast").slideUp("fast", jQuery.checkState ); + }); + test("Chain slideUp slideDown", function() { + jQuery("#slideup div").saveState( jQuery.support.shrinkWrapBlocks ).slideUp("fast").slideDown("fast", jQuery.checkState ); + }); + test("Chain slideUp slideDown with easing and callback", function() { + jQuery("#slideup div").saveState( jQuery.support.shrinkWrapBlocks ).slideUp("fast").slideDown("fast","linear", jQuery.checkState ); + }); + + test("Chain slideToggle in", function() { + jQuery("#slidetogglein div").saveState( jQuery.support.shrinkWrapBlocks ).slideToggle("fast").slideToggle("fast", jQuery.checkState ); + }); + test("Chain slideToggle out", function() { + jQuery("#slidetoggleout div").saveState( jQuery.support.shrinkWrapBlocks ).slideToggle("fast").slideToggle("fast", jQuery.checkState ); }); - }; - jQuery.checkState = function () { - var self = this; - jQuery.each(this.save, function (c, v) { - var cur = self.style[ c ] || jQuery.css(self, c); - equal(cur, v, "Make sure that " + c + " is reset (Old: " + v + " Cur: " + cur + ")"); + test("Chain fadeToggle in", function() { + jQuery("#fadetogglein div").saveState().fadeToggle("fast").fadeToggle("fast", jQuery.checkState ); + }); + test("Chain fadeToggle out", function() { + jQuery("#fadetoggleout div").saveState().fadeToggle("fast").fadeToggle("fast", jQuery.checkState ); }); - // manually clean data on modified element - jQuery.removeData(this, "olddisplay", true); + test("Chain fadeTo 0.5 1.0 with easing and callback)", function() { + jQuery("#fadeto div").saveState().fadeTo("fast",0.5).fadeTo("fast",1.0,"linear", jQuery.checkState ); + }); - start(); - }; + jQuery.makeTest = function( text ){ + var elem = jQuery("") + .attr( "id", "test" + jQuery.makeTest.id++ ) + .addClass("box"); -// Chaining Tests - test("Chain fadeOut fadeIn", function () { - jQuery("#fadein div").saveState().fadeOut("fast").fadeIn("fast", jQuery.checkState); - }); - test("Chain fadeIn fadeOut", function () { - jQuery("#fadeout div").saveState().fadeIn("fast").fadeOut("fast", jQuery.checkState); - }); - - test("Chain hide show", function () { - jQuery("#show div").saveState(jQuery.support.shrinkWrapBlocks).hide("fast").show("fast", jQuery.checkState); - }); - test("Chain show hide", function () { - jQuery("#hide div").saveState(jQuery.support.shrinkWrapBlocks).show("fast").hide("fast", jQuery.checkState); - }); - test("Chain show hide with easing and callback", function () { - jQuery("#hide div").saveState().show("fast").hide("fast", "linear", jQuery.checkState); - }); - - test("Chain toggle in", function () { - jQuery("#togglein div").saveState(jQuery.support.shrinkWrapBlocks).toggle("fast").toggle("fast", jQuery.checkState); - }); - test("Chain toggle out", function () { - jQuery("#toggleout div").saveState(jQuery.support.shrinkWrapBlocks).toggle("fast").toggle("fast", jQuery.checkState); - }); - test("Chain toggle out with easing and callback", function () { - jQuery("#toggleout div").saveState(jQuery.support.shrinkWrapBlocks).toggle("fast").toggle("fast", "linear", jQuery.checkState); - }); - test("Chain slideDown slideUp", function () { - jQuery("#slidedown div").saveState(jQuery.support.shrinkWrapBlocks).slideDown("fast").slideUp("fast", jQuery.checkState); - }); - test("Chain slideUp slideDown", function () { - jQuery("#slideup div").saveState(jQuery.support.shrinkWrapBlocks).slideUp("fast").slideDown("fast", jQuery.checkState); - }); - test("Chain slideUp slideDown with easing and callback", function () { - jQuery("#slideup div").saveState(jQuery.support.shrinkWrapBlocks).slideUp("fast").slideDown("fast", "linear", jQuery.checkState); - }); - - test("Chain slideToggle in", function () { - jQuery("#slidetogglein div").saveState(jQuery.support.shrinkWrapBlocks).slideToggle("fast").slideToggle("fast", jQuery.checkState); - }); - test("Chain slideToggle out", function () { - jQuery("#slidetoggleout div").saveState(jQuery.support.shrinkWrapBlocks).slideToggle("fast").slideToggle("fast", jQuery.checkState); - }); - - test("Chain fadeToggle in", function () { - jQuery("#fadetogglein div").saveState().fadeToggle("fast").fadeToggle("fast", jQuery.checkState); - }); - test("Chain fadeToggle out", function () { - jQuery("#fadetoggleout div").saveState().fadeToggle("fast").fadeToggle("fast", jQuery.checkState); - }); - - test("Chain fadeTo 0.5 1.0 with easing and callback)", function () { - jQuery("#fadeto div").saveState().fadeTo("fast", 0.5).fadeTo("fast", 1.0, "linear", jQuery.checkState); - }); - - jQuery.makeTest = function (text) { - var elem = jQuery("") - .attr("id", "test" + jQuery.makeTest.id++) - .addClass("box"); - - jQuery("") - .text(text) - .appendTo("#fx-tests") - .after(elem); - - return elem; - }; - - jQuery.makeTest.id = 1; - - test("jQuery.show('fast') doesn't clear radio buttons (bug #1095)", function () { - expect(4); - stop(); - - var $checkedtest = jQuery("#checkedtest"); - // IE6 was clearing "checked" in jQuery(elem).show("fast"); - $checkedtest.hide().show("fast", function () { - ok(!!jQuery(":radio:first", $checkedtest).attr("checked"), "Check first radio still checked."); - ok(!jQuery(":radio:last", $checkedtest).attr("checked"), "Check last radio still NOT checked."); - ok(!!jQuery(":checkbox:first", $checkedtest).attr("checked"), "Check first checkbox still checked."); - ok(!jQuery(":checkbox:last", $checkedtest).attr("checked"), "Check last checkbox still NOT checked."); - start(); + jQuery("") + .text( text ) + .appendTo("#fx-tests") + .after( elem ); + + return elem; + }; + + jQuery.makeTest.id = 1; + + test("jQuery.show('fast') doesn't clear radio buttons (bug #1095)", function () { + expect(4); + stop(); + + var $checkedtest = jQuery("#checkedtest"); + // IE6 was clearing "checked" in jQuery(elem).show("fast"); + $checkedtest.hide().show("fast", function() { + ok( !! jQuery(":radio:first", $checkedtest).attr("checked"), "Check first radio still checked." ); + ok( ! jQuery(":radio:last", $checkedtest).attr("checked"), "Check last radio still NOT checked." ); + ok( !! jQuery(":checkbox:first", $checkedtest).attr("checked"), "Check first checkbox still checked." ); + ok( ! jQuery(":checkbox:last", $checkedtest).attr("checked"), "Check last checkbox still NOT checked." ); + start(); + }); }); - }); - jQuery.each({ - "slideToggle" : function ($elem) { - return $elem.height(); - }, - "fadeToggle" : function ($elem) { - return $elem.css("opacity"); + jQuery.expandedEach = jQuery.each; + jQuery.expandedEach({ + "slideToggle": function( $elem ) { + return parseFloat( $elem.css("height") ); + }, + "fadeToggle": function( $elem ) { + return $elem.css("opacity"); + }, + "toggle": function( $elem ) { + return parseFloat( $elem.css("width") ); + } }, - "toggle" : function ($elem) { - return $elem.width(); - } - }, - function (method, defProp) { - test(method + "().stop()." + method + "()", function () { - expect(4); + function( method, defProp ) { + test( method + "().stop()." + method + "()", function() { + expect( 8 ); - jQuery.each([ "in", "out" ], function (i, type) { - var $elem = jQuery("#" + method.toLowerCase() + type), - startVal = defProp($elem); + var animTime = 2000; - $elem[ method ]("fast"); - stop(); + jQuery.each([ "in", "out" ], function( i, type ) { + var $elem = jQuery( "#" + method.toLowerCase() + type ), + startVal = defProp( $elem ); - setTimeout(function () { - $elem.stop(); + $elem[ method ]( animTime ); + stop(); - notEqual(defProp($elem), startVal, ".stop() is called about halfway through animation."); + setTimeout( function() { + $elem.stop(); - $elem[ method ]("fast", function () { - equal(defProp(jQuery(this)), startVal, "After doing .stop() halfway, check that state has been saved for returning to original property value."); - start(); - }); - }, 100); + notEqual( defProp( $elem ), startVal, ".stop() is called about halfway through animation." ); + + $elem[ method ](animTime, function() { + equal( defProp( $elem ), startVal, "After doing .stop() halfway through hide, check that state has been saved for returning to original property value." ); + + // Start from hidden position to show this time + $elem.hide()[ method ]( animTime ); + setTimeout( function() { + $elem.stop(); + + notEqual( defProp( $elem ), startVal, ".stop() is called about halfway through animation." ); + + $elem[ method ](animTime, function() { + equal( defProp( $elem ), startVal, "After doing .stop() halfway through show, check that state has been saved for returning to original property value." ); + + // Remove olddisplay data from .hide() call + jQuery.removeData( this, "olddisplay", true ); + start(); + }); + }, animTime / 2); + }); + }, animTime / 2); + }); }); }); + + test("animate with per-property easing", function(){ + + expect(5); + stop(); + + var data = { a:0, b:0, c:0 }, + _test1_called = false, + _test2_called = false, + _default_test_called = false, + props = { + a: [ 100, "_test1" ], + b: [ 100, "_test2" ], + c: 100 + }; + + jQuery.easing["_test1"] = function(p) { + _test1_called = true; + return p; + }; + + jQuery.easing["_test2"] = function(p) { + _test2_called = true; + return p; + }; + + jQuery.easing["_default_test"] = function(p) { + _default_test_called = true; + return p; + }; + + jQuery(data).animate( props, 400, "_default_test", function(){ + start(); + + ok( _test1_called, "Easing function (_test1) called" ); + ok( _test2_called, "Easing function (_test2) called" ); + ok( _default_test_called, "Easing function (_default) called" ); + equal( props.a[ 1 ], "_test1", "animate does not change original props (per-property easing would be lost)"); + equal( props.b[ 1 ], "_test2", "animate does not change original props (per-property easing would be lost)"); + }); + }); - test("animate with per-property easing", function () { + test("animate with CSS shorthand properties", function(){ + expect(11); + stop(); - expect(5); - stop(); + var _default_count = 0, + _special_count = 0, + propsBasic = { "padding": "10 20 30" }, + propsSpecial = { "padding": [ "1 2 3", "_special" ] }; - var data = { a : 0, b : 0, c : 0 }, - _test1_called = false, - _test2_called = false, - _default_test_called = false, - props = { - a : [ 100, "_test1" ], - b : [ 100, "_test2" ], - c : 100 + jQuery.easing._default = function(p) { + if ( p >= 1 ) { + _default_count++; + } + return p; }; - jQuery.easing["_test1"] = function (p) { - _test1_called = true; - return p; - }; + jQuery.easing._special = function(p) { + if ( p >= 1 ) { + _special_count++; + } + return p; + }; - jQuery.easing["_test2"] = function (p) { - _test2_called = true; - return p; - }; + jQuery("#foo") + .animate( propsBasic, 200, "_default", function() { + equal( this.style.paddingTop, "10px", "padding-top was animated" ); + equal( this.style.paddingLeft, "20px", "padding-left was animated" ); + equal( this.style.paddingRight, "20px", "padding-right was animated" ); + equal( this.style.paddingBottom, "30px", "padding-bottom was animated" ); + equal( _default_count, 4, "per-animation default easing called for each property" ); + _default_count = 0; + }) + .animate( propsSpecial, 200, "_default", function() { + equal( this.style.paddingTop, "1px", "padding-top was animated again" ); + equal( this.style.paddingLeft, "2px", "padding-left was animated again" ); + equal( this.style.paddingRight, "2px", "padding-right was animated again" ); + equal( this.style.paddingBottom, "3px", "padding-bottom was animated again" ); + equal( _default_count, 0, "per-animation default easing not called" ); + equal( _special_count, 4, "special easing called for each property" ); + + jQuery(this).css("padding", "0"); + delete jQuery.easing._default; + delete jQuery.easing._special; + start(); + }); + }); - jQuery.easing["_default_test"] = function (p) { - _default_test_called = true; - return p; - }; + test("hide hidden elements, with animation (bug #7141)", function() { + expect(3); + QUnit.reset(); + stop(); + + var div = jQuery("").appendTo("#qunit-fixture"); + equal( div.css("display"), "none", "Element is hidden by default" ); + div.hide(1, function () { + ok( !jQuery._data(div, "olddisplay"), "olddisplay is undefined after hiding an already-hidden element" ); + div.show(1, function () { + equal( div.css("display"), "block", "Show a double-hidden element" ); + start(); + }); + }); + }); + + test("animate unit-less properties (#4966)", 2, function() { + stop(); + var div = jQuery( "" ).appendTo( "#qunit-fixture" ); + equal( div.css( "z-index" ), "0", "z-index is 0" ); + div.animate({ zIndex: 2 }, function() { + equal( div.css( "z-index" ), "2", "z-index is 2" ); + start(); + }); + }); + + test( "animate properties missing px w/ opacity as last (#9074)", 2, function() { + expect( 6 ); + stop(); + var div = jQuery( "" ) + .appendTo( "#qunit-fixture" ); + function cssInt( prop ) { + return parseInt( div.css( prop ), 10 ); + } + equal( cssInt( "marginLeft" ), 0, "Margin left is 0" ); + equal( cssInt( "left" ), 0, "Left is 0" ); + div.animate({ + left: 200, + marginLeft: 200, + opacity: 0 + }, 2000); + setTimeout(function() { + var ml = cssInt( "marginLeft" ), + l = cssInt( "left" ); + notEqual( ml, 0, "Margin left is not 0 after partial animate" ); + notEqual( ml, 200, "Margin left is not 200 after partial animate" ); + notEqual( l, 0, "Left is not 0 after partial animate" ); + notEqual( l, 200, "Left is not 200 after partial animate" ); + div.stop().remove(); + start(); + }, 1000); + }); + + test("callbacks should fire in correct order (#9100)", function() { + stop(); + var a = 1, + cb = 0, + $lis = jQuery("").appendTo("#qunit-fixture") + // The test will always pass if no properties are animated or if the duration is 0 + .animate({fontSize: 12}, 13, function() { + a *= jQuery(this).data("operation") === "*2" ? 2 : a; + cb++; + if ( cb === 2 ) { + equal( a, 4, "test value has been *2 and _then_ ^2"); + start(); + } + }); + }); + + asyncTest( "callbacks that throw exceptions will be removed (#5684)", function() { + expect( 2 ); + + var foo = jQuery( "#foo" ); + + function testException() { + } + + foo.animate({ height: 1 }, 1, function() { + throw new testException(); + }); + + // this test thoroughly abuses undocumented methods - please feel free to update + // with any changes internally to these functions. + + // make sure that the standard timer loop will NOT run. + jQuery.fx.stop(); + + setTimeout(function() { - jQuery(data).animate(props, 400, "_default_test", function () { + // the first call to fx.tick should raise the callback exception + raises( jQuery.fx.tick, testException, "Exception was thrown" ); + + // the second call shouldn't + jQuery.fx.tick(); + + ok( true, "Test completed without throwing a second exception" ); + + start(); + }, 1); + }); + + test("animate will scale margin properties individually", function() { + expect( 2 ); + stop(); + + var foo = jQuery( "#foo" ).css({ + "margin": 0, + "marginLeft": 100 + }); + + ok( foo.css( "marginLeft" ) !== foo.css( "marginRight" ), "Sanity Check" ); + + foo.animate({ + "margin": 200 + }).stop(); + + ok( foo.css( "marginLeft") !== foo.css( "marginRight" ), "The margin properties are different"); + + // clean up for next test + foo.css({ + "marginLeft": '', + "marginRight": '', + "marginTop": '', + "marginBottom": '' + }); start(); + }); + + test("Do not append px to 'fill-opacity' #9548", 1, function() { + var $div = jQuery("
").appendTo("#qunit-fixture");
+
+ $div.css("fill-opacity", 0).animate({ "fill-opacity": 1.0 }, 0, function () {
+ equal( jQuery(this).css("fill-opacity"), 1, "Do not append px to 'fill-opacity'");
+ $div.remove();
+ });
+ });
+
+// Start 1.8 Animation tests
+ asyncTest( "jQuery.Animation( object, props, opts )", 4, function() {
+ var testObject = {
+ "foo": 0,
+ "bar": 1,
+ "width": 100
+ },
+ testDest = {
+ "foo": 1,
+ "bar": 0,
+ "width": 200
+ };
+
+ var animation = jQuery.Animation( testObject, testDest, { "duration": 1 });
+ animation.done(function() {
+ for ( var prop in testDest ) {
+ equal( testObject[ prop ], testDest[ prop ], "Animated: " + prop );
+ }
+ animation.done(function() {
+ deepEqual( testObject, testDest, "No unexpected properties" );
+ start();
+ });
+ });
+ });
+
+ asyncTest( "Animate Option: step: function( percent, tween )", 1, function() {
+ var counter = {};
+ jQuery( "#foo" ).animate({
+ prop1: 1,
+ prop2: 2,
+ prop3: 3
+ }, {
+ duration: 1,
+ step: function( value, tween ) {
+ var calls = counter[ tween.prop ] = counter[ tween.prop ] || [];
+ // in case this is called multiple times for either, lets store it in
+ // 0 or 1 in the array
+ calls[ value === 0 ? 0 : 1 ] = value;
+ }
+ }).queue( function( next ) {
+ deepEqual( counter, {
+ prop1: [0, 1],
+ prop2: [0, 2],
+ prop3: [0, 3]
+ }, "Step function was called once at 0% and once at 100% for each property");
+ next();
+ start();
+ });
+ });
- ok(_test1_called, "Easing function (_test1) called");
- ok(_test2_called, "Easing function (_test2) called");
- ok(_default_test_called, "Easing function (_default) called");
- equal(props.a[ 1 ], "_test1", "animate does not change original props (per-property easing would be lost)");
- equal(props.b[ 1 ], "_test2", "animate does not change original props (per-property easing would be lost)");
+ asyncTest( "Animate callbacks have correct context", 2, function() {
+ var foo = jQuery( "#foo" );
+ foo.animate({
+ height: 10
+ }, 10, function() {
+ equal( foo[ 0 ], this, "Complete callback after stop(true) `this` is element" );
+ }).stop( true, true );
+ foo.animate({
+ height: 100
+ }, 10, function() {
+ equal( foo[ 0 ], this, "Complete callback `this` is element" );
+ start();
+ });
+ });
+
+ asyncTest( "User supplied callback called after show when fx off (#8892)", 2, function() {
+ var foo = jQuery( "#foo" );
+ jQuery.fx.off = true;
+ foo.hide();
+ foo.fadeIn( 500, function() {
+ ok( jQuery( this ).is( ":visible" ), "Element is visible in callback" );
+ foo.fadeOut( 500, function() {
+ ok( jQuery( this ).is( ":hidden" ), "Element is hidden in callback" );
+ jQuery.fx.off = false;
+ start();
+ });
+ });
});
- });
+ test( "animate should set display for disconnected nodes", function() {
+ expect( 18 );
+
+ var i = 0,
+ methods = {
+ toggle: [ 1 ],
+ slideToggle: [],
+ fadeIn: [],
+ fadeTo: [ "fast", 0.5 ],
+ slideDown: [ "fast" ],
+ show: [ 1 ],
+ animate: [{ width: "show" }]
+ },
+ elems = [
+
+ // parentNode = document fragment
+ jQuery("
test
"),
+
+ // parentNode = null
+ jQuery(""),
+
+ jQuery(''),
+
+ jQuery('')
+ ];
- test("hide hidden elements (bug #7141)", function () {
- expect(3);
- QUnit.reset();
+ strictEqual( elems[ 0 ].show()[ 0 ].style.display, "block", "set display with show() for element with parentNode = document fragment" );
+ strictEqual( elems[ 1 ].show()[ 0 ].style.display, "block", "set display with show() for element with parentNode = null" );
+ strictEqual( elems[ 2 ].show()[ 0 ].style.display, "inline", "show() should not change display if it already set" );
+ strictEqual( elems[ 3 ].show()[ 0 ].style.display, "block", "show() should change display if it already set to none" );
- var div = jQuery("").appendTo("#qunit-fixture");
- equal(div.css("display"), "none", "Element is hidden by default");
- div.hide();
- ok(!jQuery._data(div, "olddisplay"), "olddisplay is undefined after hiding an already-hidden element");
- div.show();
- equal(div.css("display"), "block", "Show a double-hidden element");
+ // cleanup
+ jQuery.each( elems, function() {
+ jQuery.removeData( this[ 0 ], "olddisplay", true );
+ });
+
+ stop();
+ jQuery.each( methods, function( name, opt ) {
+ jQuery.each([
+
+ // parentNode = document fragment
+ jQuery("test
"),
+
+ // parentNode = null
+ jQuery("")
+
+ ], function() {
+ var callback = [function () {
+ strictEqual( this.style.display, "block", "set display to block with " + name );
+
+ jQuery.removeData( this, "olddisplay", true );
- div.remove();
- });
+ if ( ++i === 14 ) {
+ start();
+ }
+ }];
+ jQuery.fn[ name ].apply( this, opt.concat( callback ) );
+ });
+ });
+ });
- test("hide hidden elements, with animation (bug #7141)", function () {
- expect(3);
- QUnit.reset();
- stop();
+ asyncTest("Animation callback should not show animated element as animated (#7157)", 1, function() {
+ var foo = jQuery( "#foo" );
- var div = jQuery("").appendTo("#qunit-fixture");
- equal(div.css("display"), "none", "Element is hidden by default");
- div.hide(1, function () {
- ok(!jQuery._data(div, "olddisplay"), "olddisplay is undefined after hiding an already-hidden element");
- div.show(1, function () {
- equal(div.css("display"), "block", "Show a double-hidden element");
+ foo.animate({
+ opacity: 0
+ }, 100, function() {
+ ok( !foo.is(':animated'), "The element is not animated" );
start();
});
});
- });
- test("animate unit-less properties (#4966)", 2, function () {
- stop();
- var div = jQuery("").appendTo("#qunit-fixture");
- equal(div.css("z-index"), "0", "z-index is 0");
- div.animate({ zIndex : 2 }, function () {
- equal(div.css("z-index"), "2", "z-index is 2");
- start();
+ asyncTest( "hide called on element within hidden parent should set display to none (#10045)", 3, function() {
+ var hidden = jQuery(".hidden"),
+ elems = jQuery("hide
hide0
hide1
");
+
+ hidden.append( elems );
+
+ jQuery.when(
+ elems.eq( 0 ).hide(),
+ elems.eq( 1 ).hide( 0 ),
+ elems.eq( 2 ).hide( 1 )
+ ).done(function() {
+ strictEqual( elems.get( 0 ).style.display, "none", "hide() called on element within hidden parent should set display to none" );
+ strictEqual( elems.get( 1 ).style.display, "none", "hide( 0 ) called on element within hidden parent should set display to none" );
+ strictEqual( elems.get( 2 ).style.display, "none", "hide( 1 ) called on element within hidden parent should set display to none" );
+
+ elems.remove();
+ start();
+ });
+ });
+
+ asyncTest( "hide, fadeOut and slideUp called on element width height and width = 0 should set display to none", 5, function() {
+ var foo = jQuery("#foo"),
+ i = 0,
+ elems = jQuery();
+
+ for ( ; i < 5; i++ ) {
+ elems = elems.add('');
+ }
+
+ foo.append( elems );
+
+ jQuery.when(
+ elems.eq( 0 ).hide(),
+ elems.eq( 1 ).hide( jQuery.noop ),
+ elems.eq( 2 ).hide( 1 ),
+ elems.eq( 3 ).fadeOut(),
+ elems.eq( 4 ).slideUp()
+ ).done(function() {
+ strictEqual( elems.get( 0 ).style.display, "none", "hide() called on element width height and width = 0 should set display to none" );
+ strictEqual( elems.get( 1 ).style.display, "none",
+ "hide( jQuery.noop ) called on element width height and width = 0 should set display to none" );
+ strictEqual( elems.get( 2 ).style.display, "none", "hide( 1 ) called on element width height and width = 0 should set display to none" );
+ strictEqual( elems.get( 3 ).style.display, "none", "fadeOut() called on element width height and width = 0 should set display to none" );
+ strictEqual( elems.get( 4 ).style.display, "none", "slideUp() called on element width height and width = 0 should set display to none" );
+
+ start();
+ });
});
- });
-
- test("callbacks should fire in correct order (#9100)", function () {
- stop();
- var a = 1,
- cb = 0,
- $lis = jQuery("").appendTo("#qunit-fixture")
- // The test will always pass if no properties are animated or if the duration is 0
- .animate({fontSize : 12}, 13, function () {
- a *= jQuery(this).data("operation") === "*2" ? 2 : a;
- cb++;
- if (cb === 2) {
- equal(a, 4, "test value has been *2 and _then_ ^2");
+
+ asyncTest( "Handle queue:false promises", 10, function() {
+ var foo = jQuery( "#foo" ).clone().andSelf(),
+ step = 1;
+
+ foo.animate({
+ top: 1
+ }, {
+ duration: 10,
+ queue: false,
+ complete: function() {
+ ok( step++ <= 2, "Step one or two" );
+ }
+ }).animate({
+ bottom: 1
+ }, {
+ duration: 10,
+ complete: function() {
+ ok( step > 2 && step < 5, "Step three or four" );
+ step++;
+ }
+ });
+
+ foo.promise().done( function() {
+ equal( step++, 5, "steps 1-5: queue:false then queue:fx done" );
+ foo.animate({
+ top: 10
+ }, {
+ duration: 10,
+ complete: function() {
+ ok( step > 5 && step < 8, "Step six or seven" );
+ step++;
+ }
+ }).animate({
+ bottom: 10
+ }, {
+ duration: 10,
+ queue: false,
+ complete: function() {
+ ok( step > 7 && step < 10, "Step eight or nine" );
+ step++;
+ }
+ }).promise().done( function() {
+ equal( step++, 10, "steps 6-10: queue:fx then queue:false" );
start();
+ });
+
+ });
+ });
+
+ asyncTest( "multiple unqueued and promise", 4, function() {
+ var foo = jQuery( "#foo" ),
+ step = 1;
+ foo.animate({
+ marginLeft: 300
+ }, {
+ duration: 500,
+ queue: false,
+ complete: function() {
+ strictEqual( step++, 2, "Step 2" );
+ }
+ }).animate({
+ top: 100
+ }, {
+ duration: 1500,
+ queue: false,
+ complete: function() {
+ strictEqual( step++, 3, "Step 3" );
+ }
+ }).animate({}, {
+ duration: 2000,
+ queue: false,
+ complete: function() {
+ // no properties is a non-op and finishes immediately
+ strictEqual( step++, 1, "Step 1" );
}
+ }).promise().done( function() {
+ strictEqual( step++, 4, "Step 4" );
+ start();
});
- });
-
- test("jQuery.stop() on CSS animation", 2, function () {
- stop();
- var div = jQuery("").appendTo("#qunit-fixture");
- div.animate({ height : 100, width: 150 }, 200);
- setTimeout(function() {
- // Clear the queue and stop
- div.stop();
- ok(div.height() < 100 * 0.95, 'Animation stopped at ' + div.height() + ' before it reached full height of 100');
- ok(div.width() < 150 * 0.95, 'Animation stopped at ' + div.width() + ' before it reached full width of 150');
- start();
- }, 50);
- });
+ });
- test("#36 parameter compatibility", function () {
- var foo = jQuery("#foo");
- foo.animate({ top : 10 });
- });
+ asyncTest( "animate does not change start value for non-px animation (#7109)", 1, function() {
+ var parent = jQuery( "" ).css({ width: 284, height: 1 }).appendTo( "#qunit-fixture" ),
+ child = parent.children().css({ fontSize: "98.6in", width: "0.01em", height: 1 }),
+ actual = parseFloat( child.css( "width" ) ),
+ computed = [];
- /* As mentioned, thoroughly abuses undocumented methods. Since the overwritten animate doesn't
- * use timers this doesn't need to be tested
- asyncTest("callbacks that throw exceptions will be removed (#5684)", function () {
- expect(2);
+ child.animate({ width: "0%" }, {
+ duration: 1,
+ step: function() {
+ computed.push( parseFloat( child.css( "width" ) ) );
+ }
+ }).queue( function( next ) {
+ var ratio = computed[ 0 ] / actual;
+ ok( ratio > 0.9 && ratio < 1.1 , "Starting width was close enough" );
+ next();
+ parent.remove();
+ start();
+ });
+ });
- var foo = jQuery("#foo").fadeIn()
+ asyncTest( "non-px animation handles non-numeric start (#11971)", 2, function() {
+ var foo = jQuery("#foo"),
+ initial = foo.css("backgroundPositionX");
+
+ if ( initial == null ) {
+ expect(1);
+ ok( true, "Style property not understood" );
+ start();
+ return;
+ }
- function testException() {
- }
+ foo.animate({ backgroundPositionX: "42%" }, {
+ duration: 1,
+ progress: function( anim, percent ) {
+ if ( percent ) {
+ return;
+ }
- foo.animate({ height : 1 }, 1, function () {
- throw new testException;
+ if ( parseFloat( initial ) ) {
+ equal( jQuery.style( this, "backgroundPositionX" ), initial, "Numeric start preserved" );
+ } else {
+ equal( jQuery.style( this, "backgroundPositionX" ), "0%", "Non-numeric start zeroed" );
+ }
+ },
+ done: function() {
+ equal( jQuery.style( this, "backgroundPositionX" ), "42%", "End reached" );
+ start();
+ }
+ });
});
- // this test thoroughly abuses undocumented methods - please feel free to update
- // with any changes internally to these functions.
+ asyncTest("Animation callbacks (#11797)", 15, function() {
+ var targets = jQuery("#foo").children(),
+ done = false,
+ expectedProgress = 0;
+
+ targets.eq( 0 ).animate( {}, {
+ duration: 1,
+ start: function() {
+ ok( true, "empty: start" );
+ },
+ progress: function( anim, percent ) {
+ equal( percent, 0, "empty: progress 0" );
+ },
+ done: function() {
+ ok( true, "empty: done" );
+ },
+ fail: function() {
+ ok( false, "empty: fail" );
+ },
+ always: function() {
+ ok( true, "empty: always" );
+ done = true;
+ }
+ });
- // make sure that the standard timer loop will NOT run.
- jQuery.fx.stop();
+ ok( done, "empty: done immediately" );
+
+ done = false;
+ targets.eq( 1 ).animate({
+ opacity: 0
+ }, {
+ duration: 1,
+ start: function() {
+ ok( true, "stopped: start" );
+ },
+ progress: function( anim, percent ) {
+ equal( percent, 0, "stopped: progress 0" );
+ },
+ done: function() {
+ ok( false, "stopped: done" );
+ },
+ fail: function() {
+ ok( true, "stopped: fail" );
+ },
+ always: function() {
+ ok( true, "stopped: always" );
+ done = true;
+ }
+ }).stop();
+
+ ok( done, "stopped: stopped immediately" );
+
+ targets.eq( 2 ).animate({
+ opacity: 0
+ }, {
+ duration: 1,
+ start: function() {
+ ok( true, "async: start" );
+ },
+ progress: function( anim, percent ) {
+ // occasionally the progress handler is called twice in first frame.... *shrug*
+ if ( percent === 0 && expectedProgress === 1 ) {
+ return;
+ }
+ equal( percent, expectedProgress, "async: progress " + expectedProgress );
+ // once at 0, once at 1
+ expectedProgress++;
+ },
+ done: function() {
+ ok( true, "async: done" );
+ },
+ fail: function() {
+ ok( false, "async: fail" );
+ },
+ always: function() {
+ ok( true, "async: always" );
+ start();
+ }
+ });
+ });
- setTimeout(function () {
+ test( "Animate properly sets overflow hidden when animating width/height (#12117)", 4, function() {
+ jQuery.each( [ "height", "width" ], function( _, prop ) {
+ jQuery.each( [ 100, 0 ], function( _, value ) {
+ var div = jQuery("
"),
+ props = {};
+ props[ prop ] = value;
+ div.animate( props, 1 );
+ equal( div.css( "overflow" ), "hidden",
+ "overflow: hidden set when animating " + prop + " to " + value );
+ div.stop();
+ });
+ });
+ });
- // the first call to fx.tick should raise the callback exception
- raises(jQuery.fx.tick, testException, "Exception was thrown");
+ test( "Animations with 0 duration don't ease (#12273)", 1, function() {
+ jQuery.easing.test = function() {
+ ok( false, "Called easing" );
+ };
- // the second call shouldn't
- jQuery.fx.tick();
+ jQuery( "#foo" ).animate({
+ height: 100
+ }, {
+ duration: 0,
+ easing: "test",
+ complete: function() {
+ equal( jQuery( this ).height(), 100, "Height is 100" );
+ }
+ });
- ok(true, "Test completed without throwing a second exception");
+ delete jQuery.easing.test;
+ });
- start();
- }, 1);
- });
- */
+ } // if ( jQuery.fx )
});
\ No newline at end of file
diff --git a/dom/animate/qunit.html b/dom/animate/qunit.html
index d81d3ee0..afbe596d 100644
--- a/dom/animate/qunit.html
+++ b/dom/animate/qunit.html
@@ -5,7 +5,7 @@
-
jQuery.animate Test Suite
+jQuery Test Suite
@@ -15,200 +15,210 @@ + +-
-
- Rice -
- Beans -
- Blinis -
- Tofu -
- Rice +
- Beans +
- Blinis +
- Tofu +
- Change location ").prependTo("#firstUL"); - elem.find("a").bind("click", - function () { + var elem = jQuery("
- Change location ").prependTo("#firstUL"); + elem.find("a").bind("click",function () { var close = jQuery("spanx", this); // same with jQuery(this).find("span"); equal(close.length, 0, "Context element does not exist, length must be zero"); ok(!close[0], "Context element does not exist, direct access to element must return undefined"); return false; }).click(); - // manually clean up detached elements - elem.remove(); + // manually clean up detached elements + elem.remove(); - jQuery("#check1").click( - function () { + jQuery("#check1").click(function () { ok(true, "click event handler for checkbox gets fired twice, see #815"); }).click(); - var counter = 0; - jQuery("#firstp")[0].onclick = function (event) { - counter++; - }; - jQuery("#firstp").click(); - equal(counter, 1, "Check that click, triggers onclick event handler also"); - - var clickCounter = 0; - jQuery("#simon1")[0].onclick = function (event) { - clickCounter++; - }; - jQuery("#simon1").click(); - equal(clickCounter, 1, "Check that click, triggers onclick event handler on an a tag also"); - - elem = jQuery("
-
See this blog entry for more information.
-
- Here are some links in a normal paragraph: Google,
- Google Groups (Link).
- This link has class="blog":
- diveintomark
-
-
-
Everything inside the red border is inside a div with id="foo".
This is a normal link: Yahoo
-This link has class="blog": Simon Willison's Weblog
+
-
-
-
-
-
See this blog entry for more information.
+
+ Here are some links in a normal paragraph: Google,
+ Google Groups (Link).
+ This link has class="blog":
+ diveintomark
+
+
+
-
- Everything inside the red border is inside a div with id="foo".
This is a normal link: Yahoo
+This link has class="blog": Simon Willison's Weblog
Try them out:
-
-
-
+
+
+
+
+
Date: Fri, 14 Sep 2012 10:14:41 -0600
Subject: [PATCH 054/166] Test for #42
---
event/drop/drop_test.js | 12 +++++++++++-
event/drop/qunit.html | 16 ++++++++++++++++
2 files changed, 27 insertions(+), 1 deletion(-)
create mode 100644 event/drop/qunit.html
diff --git a/event/drop/drop_test.js b/event/drop/drop_test.js
index c055150c..f3737108 100644
--- a/event/drop/drop_test.js
+++ b/event/drop/drop_test.js
@@ -3,7 +3,7 @@ steal("jquery/event/drop",'funcunit/syn') //load your app
module("jquery/event/drop");
-test("new drop added",2, function(){
+test("new drop added", 3, function(){
var div = $("
hi there
-
-
-
- hidden
-
+
+
+ Try them out:
+
+
+
hi there
+
+
-
- hidden
-
-
+ -
-
I'm hungry. I should...
- ...Eat lots of food... |
- ...Eat a little food... |
- ...Eat no food...
- ...Eat a burger...
- ...Eat some funyuns...
- ...Eat some funyuns...
+
+
+
+
+
- -
+
I'm hungry. I should...
+ ...Eat lots of food... |
+ ...Eat a little food... |
+ ...Eat no food...
+ ...Eat a burger...
+ ...Eat some funyuns...
+ ...Eat some funyuns...
+
- 1
- 2
-
+
+
+
+ 1
+ 2
+
+
+
+
+
+
+
+
+
@@ -236,6 +246,9 @@
+
\ No newline at end of file
From d6e3622b1db90cb079a7c53659888c9a0675f942 Mon Sep 17 00:00:00 2001
From: David Luecke "+
""+
""+
@@ -29,6 +29,16 @@ test("new drop added",2, function(){
$("#drop").bind("dropover", function(){
ok(true, "drop called");
});
+
+ $('body').on("dropon", function(ev) {
+ ok(false, 'parent dropon should not be called');
+ });
+
+ $('#drop').on("dropon", function(ev) {
+ ok(true, 'dropon called');
+ ev.stopPropagation();
+ });
+
$.Drop.compile();
});
stop();
diff --git a/event/drop/qunit.html b/event/drop/qunit.html
new file mode 100644
index 00000000..50d0b97f
--- /dev/null
+++ b/event/drop/qunit.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
Date: Fri, 14 Sep 2012 10:24:10 -0600
Subject: [PATCH 055/166] Added package.json, build updates, changelog
---
build/ci/init.sh | 10 +++
build/ci/phantom.js | 138 ++++++++++++++++++++++++++++++++++++++++
build/ci/stealconfig.js | 18 ++++++
build/extract.js | 38 +++++------
build/make.js | 74 ++++++++++-----------
build/version | 2 +-
changelog.md | 2 +-
package.json | 27 ++++++++
8 files changed, 252 insertions(+), 57 deletions(-)
create mode 100755 build/ci/init.sh
create mode 100644 build/ci/phantom.js
create mode 100644 build/ci/stealconfig.js
create mode 100644 package.json
diff --git a/build/ci/init.sh b/build/ci/init.sh
new file mode 100755
index 00000000..76f97097
--- /dev/null
+++ b/build/ci/init.sh
@@ -0,0 +1,10 @@
+#!/bin/bash
+BASEDIR=$(dirname $0)
+cd $BASEDIR
+../../node_modules/.bin/http-server -p 8000 &
+git clone https://github.com/jupiterjs/canjs.git can
+git clone https://github.com/jupiterjs/steal.git
+git clone https://github.com/jupiterjs/jquerypp.git jquery
+git clone https://github.com/jupiterjs/funcunit.git
+cd funcunit
+git submodule update --init --recursive
\ No newline at end of file
diff --git a/build/ci/phantom.js b/build/ci/phantom.js
new file mode 100644
index 00000000..9200da17
--- /dev/null
+++ b/build/ci/phantom.js
@@ -0,0 +1,138 @@
+/*
+ * Qt+WebKit powered headless test runner using Phantomjs
+ *
+ * Phantomjs installation: http://code.google.com/p/phantomjs/wiki/BuildInstructions
+ *
+ * Run with:
+ * phantomjs runner.js [url-of-your-qunit-testsuite]
+ *
+ * E.g.
+ * phantomjs runner.js http://localhost/qunit/test
+ */
+
+var url = phantom.args[0];
+
+var page = require('webpage').create();
+
+// Route "console.log()" calls from within the Page context to the main Phantom context (i.e. current "this")
+page.onConsoleMessage = function(msg) {
+ console.log(msg);
+};
+
+page.open(url, function(status){
+ if (status !== "success") {
+ console.log("Unable to access network: " + status);
+ phantom.exit(1);
+ } else {
+ // page.evaluate(addLogging);
+ var interval = setInterval(function() {
+ if (finished()) {
+ clearInterval(interval);
+ onfinishedTests();
+ }
+ }, 500);
+ }
+});
+
+page.onResourceReceived = function(data) {
+ page.evaluate(function(addLogging) {
+ // Only add setZeroTimeout to the window object, and hide everything
+ // else in a closure.
+ (function() {
+ var timeouts = [];
+ var messageName = "zero-timeout-message";
+
+ // Like setTimeout, but only takes a function argument. There's
+ // no time argument (always zero) and no arguments (you have to
+ // use a closure).
+ function setZeroTimeout(fn) {
+ timeouts.push(fn);
+ window.postMessage(messageName, "*");
+ }
+
+ function handleMessage(event) {
+ if (event.source == window && event.data == messageName) {
+ event.stopPropagation();
+ if (timeouts.length > 0) {
+ var fn = timeouts.shift();
+ fn();
+ }
+ }
+ }
+
+ window.addEventListener("message", handleMessage, true);
+
+ // Add the one thing we want added to the window object.
+ window.setZeroTimeout = setZeroTimeout;
+ })();
+
+ setZeroTimeout(function() {
+ if(window.QUnit && !window.QUnit.__logging) {
+ console.log('Adding logging');
+ addLogging();
+ window.QUnit.__logging = true;
+ }
+ });
+ }, addLogging);
+}
+
+function finished() {
+ return page.evaluate(function(){
+ return !!window.qunitDone;
+ });
+}
+
+function onfinishedTests() {
+ var output = page.evaluate(function() {
+ return JSON.stringify(window.qunitDone);
+ });
+ phantom.exit(JSON.parse(output).failed > 0 ? 1 : 0);
+}
+
+function addLogging() {
+ var print = function(msg) {
+ console.log(msg);
+ };
+
+ QUnit.begin(function() {
+ print("Starting ...");
+ });
+
+ QUnit.log(function(o){
+ var result = o.result,
+ message = o.message || 'okay';
+
+ // Testdox layout
+ if(result) {
+ print(' [x] ' + message);
+ } else {
+ print(' [ ] ' + message);
+ if(o.expected) {
+ print(' Actual: ' + o.actual);
+ print(' Expected: ' + o.expected);
+ }
+ }
+ });
+
+ QUnit.testStart(function(o){
+ print(' ' + o.name);
+ });
+
+ QUnit.moduleStart(function(o){
+ print("\n" + o.name);
+ });
+
+ QUnit.done(function(o) {
+ if(o.failed > 0) {
+ print("\n" + 'FAILURES!');
+ print('Tests: ' + o.total
+ + ', Passed: ' + o.passed,
+ + ', Failures: ' + o.failed);
+ } else {
+ print("\n" + 'SUCESS!');
+ print('Tests: ' + o.total);
+ }
+ print('Took: ' + o.runtime + 'ms');
+ window.qunitDone = true;
+ });
+}
diff --git a/build/ci/stealconfig.js b/build/ci/stealconfig.js
new file mode 100644
index 00000000..08bbeefe
--- /dev/null
+++ b/build/ci/stealconfig.js
@@ -0,0 +1,18 @@
+steal.config({
+ map: {
+ "*": {
+ 'jquery/jquery.js' : "jquery",
+ "can/util/util.js": "can/util/jquery/jquery.js"
+ }
+ },
+ paths: {
+ "jquery": "can/util/jquery/jquery.1.8.1.js"
+ },
+ ext: {
+ js: "js",
+ css: "css",
+ less: "steal/less/less.js",
+ coffee: "steal/coffee/coffee.js",
+ ejs: "can/view/ejs/ejs.js"
+ }
+})
diff --git a/build/extract.js b/build/extract.js
index 7d541324..9dbfc86c 100644
--- a/build/extract.js
+++ b/build/extract.js
@@ -1,4 +1,4 @@
-steal('steal/build/pluginify', function(steal) {
+steal('steal/build/pluginify', function() {
var inexcludes = function(excludes, src) {
for(var i = 0; i < excludes.length; i++) {
if(src.indexOf(excludes[i]) !== -1) {
@@ -13,9 +13,10 @@ steal('steal/build/pluginify', function(steal) {
skipCallbacks: true
}, function(opener){
var ret = [];
- opener.each(function(stl, text){
- if(!inexcludes(options.exclude || [], stl.rootSrc.toString())) {
- ret.push(stl);
+ opener.each(function(stl, text) {
+ var src = stl.src.toString();
+ if(!inexcludes(options.exclude || [], src)) {
+ ret.push(src);
}
});
callback(ret);
@@ -30,20 +31,21 @@ steal('steal/build/pluginify', function(steal) {
var content = "";
getDependencies(file, ops, function(steals) {
- if(steals.length > 1) {
- content += "// Dependencies:\n//\n";
- }
- steals.forEach(function(stl) {
- if(stl.rootSrc !== file) {
- content += "// - " + (plugins[stl.rootSrc] || stl.rootSrc) + "\n";
- }
- });
- if(steals.length > 1) {
- content += "\n";
- }
- content += steal.build.pluginify.content({ rootSrc : file }, ops);
- new steal.File(options.out + plugins[file]).save(content);
- print(' > ' + file + ' -> ' + plugins[file]);
+ console.log(steals);
+// if(steals.length > 1) {
+// content += "// Dependencies:\n//\n";
+// }
+// steals.forEach(function(stl) {
+// if(stl.rootSrc !== file) {
+// content += "// - " + (plugins[stl.rootSrc] || stl.rootSrc) + "\n";
+// }
+// });
+// if(steals.length > 1) {
+// content += "\n";
+// }
+// content += steal.build.pluginify.content({ rootSrc : file }, ops);
+// new steal.File(options.out + plugins[file]).save(content);
+// print(' > ' + file + ' -> ' + plugins[file]);
});
}
}
diff --git a/build/make.js b/build/make.js
index 3a8c661b..46b83617 100644
--- a/build/make.js
+++ b/build/make.js
@@ -1,6 +1,6 @@
load("steal/rhino/rhino.js");
-steal('steal/build/pluginify', // 'jquery/build/stealify.js', 'jquery/build/amdify.js', 'jquery/build/extract.js',
+steal('steal/build/pluginify', 'jquery/build/extract.js', // 'jquery/build/stealify.js', 'jquery/build/amdify.js',
function() {
var out = "jquery/dist/",
@@ -11,47 +11,47 @@ function() {
steal.File(out).mkdirs();
// Create full library
- steal.build.pluginify('jquery/build/lib.js', {
- out: out + "jquerypp.js",
- skipCallbacks: true,
- shim : { 'jquery' : 'jQuery' },
- exclude : excludes.concat([
- 'jquery/dom/dom.js', 'jquery/event/event.js', 'jquery/jquery.js'
- ])
- });
-
- // Create separate files
-// steal.build.extract({
-// "jquery/dom/animate/animate.js" : "jquery.animate.js",
-// "jquery/dom/compare/compare.js" : "jquery.compare.js",
-// "jquery/dom/cookie/cookie.js" : "jquery.cookie.js",
-// "jquery/dom/dimensions/dimensions.js" : "jquery.dimensions.js",
-// "jquery/dom/form_params/form_params.js" : "jquery.form_params.js",
-// "jquery/dom/range/range.js" : "jquery.range.js",
-// "jquery/dom/selection/selection.js" : "jquery.selection.js",
-// "jquery/dom/styles/styles.js" : "jquery.styles.js",
-// "jquery/dom/within/within.js" : "jquery.within.js",
-// "jquery/event/default/default.js" : "jquery.event.default.js",
-// "jquery/event/destroyed/destroyed.js" : "jquery.event.destroyed.js",
-// "jquery/event/drag/drag.js" : "jquery.event.drag.js",
-// "jquery/event/drop/drop.js" : "jquery.event.drop.js",
-// "jquery/event/fastfix/fastfix.js" : "jquery.event.fastfix.js",
-// "jquery/event/hover/hover.js" : "jquery.event.hover.js",
-// "jquery/event/key/key.js" : "jquery.event.key.js",
-// "jquery/event/pause/pause.js" : "jquery.event.pause.js",
-// "jquery/event/resize/resize.js" : "jquery.event.resize.js",
-// "jquery/event/swipe/swipe.js" : "jquery.event.swipe.js",
-// "jquery/event/livehack/livehack.js" : "jquery.event.livehack.js",
-// "jquery/lang/json/json.js" : "jquery.lang.json.js",
-// "jquery/lang/vector/vector.js" : "jquery.lang.vector.js"
-// }, {
+// steal.build.pluginify('jquery/build/lib.js', {
+// out: out + "jquerypp.js",
// skipCallbacks: true,
+// shim : { 'jquery' : 'jQuery' },
// exclude : excludes.concat([
// 'jquery/dom/dom.js', 'jquery/event/event.js', 'jquery/jquery.js'
-// ]),
-// out : out + 'lib/'
+// ])
// });
+ // Create separate files
+ steal.build.extract({
+ "jquery/dom/animate/animate.js" : "jquery.animate.js",
+ "jquery/dom/compare/compare.js" : "jquery.compare.js",
+ "jquery/dom/cookie/cookie.js" : "jquery.cookie.js",
+ "jquery/dom/dimensions/dimensions.js" : "jquery.dimensions.js",
+ "jquery/dom/form_params/form_params.js" : "jquery.form_params.js",
+ "jquery/dom/range/range.js" : "jquery.range.js",
+ "jquery/dom/selection/selection.js" : "jquery.selection.js",
+ "jquery/dom/styles/styles.js" : "jquery.styles.js",
+ "jquery/dom/within/within.js" : "jquery.within.js",
+ "jquery/event/default/default.js" : "jquery.event.default.js",
+ "jquery/event/destroyed/destroyed.js" : "jquery.event.destroyed.js",
+ "jquery/event/drag/drag.js" : "jquery.event.drag.js",
+ "jquery/event/drop/drop.js" : "jquery.event.drop.js",
+ "jquery/event/fastfix/fastfix.js" : "jquery.event.fastfix.js",
+ "jquery/event/hover/hover.js" : "jquery.event.hover.js",
+ "jquery/event/key/key.js" : "jquery.event.key.js",
+ "jquery/event/pause/pause.js" : "jquery.event.pause.js",
+ "jquery/event/resize/resize.js" : "jquery.event.resize.js",
+ "jquery/event/swipe/swipe.js" : "jquery.event.swipe.js",
+ "jquery/event/livehack/livehack.js" : "jquery.event.livehack.js",
+ "jquery/lang/json/json.js" : "jquery.lang.json.js",
+ "jquery/lang/vector/vector.js" : "jquery.lang.vector.js"
+ }, {
+ skipCallbacks: true,
+ exclude : excludes.concat([
+ 'jquery/dom/dom.js', 'jquery/event/event.js', 'jquery/jquery.js'
+ ]),
+ out : out + 'lib/'
+ });
+
// Make Steal distributable
// steal.build.stealify('jquery/build/lib.js', {
// out : out + 'steal/',
diff --git a/build/version b/build/version
index 1f4e9e97..afaf360d 100644
--- a/build/version
+++ b/build/version
@@ -1 +1 @@
-1.0b2
\ No newline at end of file
+1.0.0
\ No newline at end of file
diff --git a/changelog.md b/changelog.md
index d4bb21c8..152c90a4 100644
--- a/changelog.md
+++ b/changelog.md
@@ -2,9 +2,9 @@
__1.0.0__
+- feature: jQuery 1.8.0+ compatibility
- feature: [dragcleanup event](https://github.com/jupiterjs/jquerypp/pull/43)
- feature: [Reverse and move event](https://github.com/jupiterjs/jquerypp/issues/25)
-- feature: jQuery 1.8.0 compatibility
- fix: [pass through scrollTop in animate](https://github.com/jupiterjs/jquerypp/pull/40)
- fix: [Fastfix: Original can be undefined](https://github.com/jupiterjs/jquerypp/pull/45)
- fix: [Animate Scroll not working](https://github.com/jupiterjs/jquerypp/issues/35)
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..6fddb563
--- /dev/null
+++ b/package.json
@@ -0,0 +1,27 @@
+{
+ "name" : "jQuery++",
+ "description" : "jQuery's missing utils and special events",
+ "version" : "1.0.0",
+ "maintainers" : [
+ {
+ "name" : "Bitovi",
+ "email" : "contact@bitovi.com",
+ "web" : "http://bitovi.com/"
+ }
+ ],
+ "devDependencies" : {
+ "grunt" : "~0.3.11",
+ "http-server" : "0.5.1"
+ },
+ "homepage" : "http://jquerypp.com",
+ "repository" : {
+ "type" : "git",
+ "url" : "git://github.com/jupiterjs/jquerypp.git"
+ },
+ "licenses" : [
+ {
+ "type" : "MIT",
+ "url" : "http://opensource.org/licenses/mit-license.php"
+ }
+ ]
+}
From e592255fe2d147164441337fe0ee7c3da4a03fab Mon Sep 17 00:00:00 2001
From: David Luecke
Date: Fri, 14 Sep 2012 10:24:54 -0600
Subject: [PATCH 056/166] Fixing tests
---
event/drop/drop_test.js | 1 +
event/fastfix/fastfix_test.js | 5145 ++++++++++++++++++---------------
2 files changed, 2746 insertions(+), 2400 deletions(-)
diff --git a/event/drop/drop_test.js b/event/drop/drop_test.js
index f3737108..bfb0ca34 100644
--- a/event/drop/drop_test.js
+++ b/event/drop/drop_test.js
@@ -43,6 +43,7 @@ test("new drop added", 3, function(){
});
stop();
Syn.drag({to: "#drop"},"drag", function(){
+ $('body').off('dropon');
start();
});
});
diff --git a/event/fastfix/fastfix_test.js b/event/fastfix/fastfix_test.js
index d882b541..540ec581 100644
--- a/event/fastfix/fastfix_test.js
+++ b/event/fastfix/fastfix_test.js
@@ -1,1345 +1,1525 @@
steal("jquery/event/fastfix",
'funcunit/qunit').then(function () {
- module("jquery/event/fastfix");
-
- test("null or undefined handler", function () {
- expect(2);
- // Supports Fixes bug #7229
- try {
- jQuery("#firstp").click(null);
- ok(true, "Passing a null handler will not throw an exception");
- } catch (e) {
- }
-
- try {
- jQuery("#firstp").click(undefined);
- ok(true, "Passing an undefined handler will not throw an exception");
- } catch (e) {
- }
- });
-
- test("bind(),live(),delegate() with non-null,defined data", function () {
-
- // expect(3);
-
- var handler = function (event, data) {
- equal(data, 0, "non-null, defined data (zero) is correctly passed");
- };
-
- jQuery("#foo").bind("foo", handler);
-// jQuery("#foo").live("foo", handler);
-// jQuery("div").delegate("#foo", "foo", handler);
-
- jQuery("#foo").trigger("foo", 0);
-//
-// jQuery("#foo").unbind("foo", handler);
-// jQuery("#foo").die("foo", handler);
-// jQuery("div").undelegate("#foo", "foo");
-
- });
-
- test("Handler changes and .trigger() order", function () {
- expect(1);
-
- var markup = jQuery(
- ''
- ),
- path = "";
-
- markup
- .find("*").andSelf().on("click", function (e) {
- path += this.nodeName.toLowerCase() + " ";
- })
- .filter("b").on("click", function (e) {
- // Removing span should not stop propagation to original parents
- if (e.target === this) {
- jQuery(this).parent().remove();
- }
- });
+ module("jquery/event/fastfix");
- markup.find("b").trigger("click");
-
- equal(path, "b p div div ", "Delivered all events");
-
- markup.remove();
- });
-
- test("bind(), with data", function () {
- expect(4);
- var handler = function (event) {
- ok(event.data, "bind() with data, check passed data exists");
- equal(event.data.foo, "bar", "bind() with data, Check value of passed data");
- };
- jQuery("#firstp").bind("click", {foo : "bar"}, handler).click().unbind("click", handler);
-
- ok(!jQuery._data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data.");
-
- var test = function () {
- };
- var handler2 = function (event) {
- equal(event.data, test, "bind() with function data, Check value of passed data");
- };
- jQuery("#firstp").bind("click", test, handler2).click().unbind("click", handler2);
- });
-
- test("click(), with data", function () {
- expect(3);
- var handler = function (event) {
- ok(event.data, "bind() with data, check passed data exists");
- equal(event.data.foo, "bar", "bind() with data, Check value of passed data");
- };
- jQuery("#firstp").click({foo : "bar"}, handler).click().unbind("click", handler);
-
- ok(!jQuery._data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data.");
- });
-
- test("bind(), with data, trigger with data", function () {
- expect(4);
- var handler = function (event, data) {
- ok(event.data, "check passed data exists");
- equal(event.data.foo, "bar", "Check value of passed data");
- ok(data, "Check trigger data");
- equal(data.bar, "foo", "Check value of trigger data");
- };
- jQuery("#firstp").bind("click", {foo : "bar"}, handler).trigger("click", [
- {bar : "foo"}
- ]).unbind("click", handler);
- });
-
- test("bind(), multiple events at once", function () {
- expect(2);
- var clickCounter = 0,
- mouseoverCounter = 0;
- var handler = function (event) {
- if (event.type == "click")
- clickCounter += 1;
- else if (event.type == "mouseover")
- mouseoverCounter += 1;
- };
- jQuery("#firstp").bind("click mouseover", handler).trigger("click").trigger("mouseover");
- equal(clickCounter, 1, "bind() with multiple events at once");
- equal(mouseoverCounter, 1, "bind() with multiple events at once");
- });
-
- test("bind(), five events at once", function () {
- expect(1);
-
- var count = 0,
- handler = function (event) {
- count++;
- };
+ test("null or undefined handler", function () {
+ expect(2);
+ // Supports Fixes bug #7229
+ try {
+ jQuery("#firstp").click(null);
+ ok(true, "Passing a null handler will not throw an exception");
+ } catch (e) {
+ }
- jQuery("#firstp").bind("click mouseover foo bar baz", handler)
- .trigger("click").trigger("mouseover")
- .trigger("foo").trigger("bar")
- .trigger("baz");
+ try {
+ jQuery("#firstp").click(undefined);
+ ok(true, "Passing an undefined handler will not throw an exception");
+ } catch (e) {
+ }
+ });
- equal(count, 5, "bind() five events at once");
- });
+ test("bind(),live(),delegate() with non-null,defined data", function () {
- test("bind(), multiple events at once and namespaces", function () {
- expect(7);
+ expect(3);
- var cur, obj = {};
+ var handler = function (event, data) {
+ equal(data, 0, "non-null, defined data (zero) is correctly passed");
+ };
- var div = jQuery("").bind("focusin.a", function (e) {
- equal(e.type, cur, "Verify right single event was fired.");
- });
+ jQuery("#foo").bind("foo", handler);
+ jQuery("#foo").live("foo", handler);
+ jQuery("div").delegate("#foo", "foo", handler);
- cur = "focusin";
- div.trigger("focusin.a");
+ jQuery("#foo").trigger("foo", 0);
- // manually clean up detached elements
- div.remove();
+ jQuery("#foo").unbind("foo", handler);
+ jQuery("#foo").die("foo", handler);
+ jQuery("div").undelegate("#foo", "foo");
- div = jQuery("").bind("click mouseover", obj, function (e) {
- equal(e.type, cur, "Verify right multi event was fired.");
- equal(e.data, obj, "Make sure the data came in correctly.");
});
- cur = "click";
- div.trigger("click");
+ test("Handler changes and .trigger() order", function () {
+ expect(1);
+
+ var markup = jQuery(
+ ""
+ ),
+ path = "";
+
+ markup
+ .find("*").andSelf().on("click", function (e) {
+ path += this.nodeName.toLowerCase() + " ";
+ })
+ .filter("b").on("click", function (e) {
+ // Removing span should not stop propagation to original parents
+ if (e.target === this) {
+ jQuery(this).parent().remove();
+ }
+ });
+
+ markup.find("b").trigger("click");
+
+ equal(path, "b p div div ", "Delivered all events");
- cur = "mouseover";
- div.trigger("mouseover");
+ markup.remove();
+ });
+
+ test("bind(), with data", function () {
+ expect(4);
+ var handler = function (event) {
+ ok(event.data, "bind() with data, check passed data exists");
+ equal(event.data["foo"], "bar", "bind() with data, Check value of passed data");
+ };
+ jQuery("#firstp").bind("click", {"foo" : "bar"}, handler).click().unbind("click", handler);
- // manually clean up detached elements
- div.remove();
+ ok(!jQuery._data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data.");
- div = jQuery("").bind("focusin.a focusout.b", function (e) {
- equal(e.type, cur, "Verify right multi event was fired.");
+ var test = function () {
+ };
+ var handler2 = function (event) {
+ equal(event.data, test, "bind() with function data, Check value of passed data");
+ };
+ jQuery("#firstp").bind("click", test, handler2).click().unbind("click", handler2);
});
- cur = "focusin";
- div.trigger("focusin.a");
+ test("click(), with data", function () {
+ expect(3);
+ var handler = function (event) {
+ ok(event.data, "bind() with data, check passed data exists");
+ equal(event.data["foo"], "bar", "bind() with data, Check value of passed data");
+ };
+ jQuery("#firstp").click({"foo" : "bar"}, handler).click().unbind("click", handler);
- cur = "focusout";
- div.trigger("focusout.b");
+ ok(!jQuery._data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data.");
+ });
- // manually clean up detached elements
- div.remove();
- });
+ test("bind(), with data, trigger with data", function () {
+ expect(4);
+ var handler = function (event, data) {
+ ok(event.data, "check passed data exists");
+ equal(event.data.foo, "bar", "Check value of passed data");
+ ok(data, "Check trigger data");
+ equal(data.bar, "foo", "Check value of trigger data");
+ };
+ jQuery("#firstp").bind("click", {foo : "bar"}, handler).trigger("click", [
+ {bar : "foo"}
+ ]).unbind("click", handler);
+ });
- test("bind(), namespace with special add", function () {
- expect(27);
+ test("bind(), multiple events at once", function () {
+ expect(2);
+ var clickCounter = 0,
+ mouseoverCounter = 0;
+ var handler = function (event) {
+ if (event.type == "click") {
+ clickCounter += 1;
+ }
+ else if (event.type == "mouseover") {
+ mouseoverCounter += 1;
+ }
- var div = jQuery("").bind("test", function (e) {
- ok(true, "Test event fired.");
+ };
+ jQuery("#firstp").bind("click mouseover", handler).trigger("click").trigger("mouseover");
+ equal(clickCounter, 1, "bind() with multiple events at once");
+ equal(mouseoverCounter, 1, "bind() with multiple events at once");
});
- var i = 0;
+ test("bind(), five events at once", function () {
+ expect(1);
- jQuery.event.special.test = {
- _default : function (e, data) {
- equal(this, document, "Make sure we're at the top of the chain.");
- equal(e.type, "test", "And that we're still dealing with a test event.");
- equal(e.target, div[0], "And that the target is correct.");
- ok(data !== undefined, "And that trigger data was passed.");
- },
- setup : function () {
- },
- teardown : function () {
- ok(true, "Teardown called.");
- },
- add : function (handleObj) {
- var handler = handleObj.handler;
- handleObj.handler = function (e) {
- e.xyz = ++i;
- handler.apply(this, arguments);
+ var count = 0,
+ handler = function (event) {
+ count++;
};
- },
- remove : function () {
- ok(true, "Remove called.");
- }
- };
- div.bind("test.a", {x : 1}, function (e) {
- ok(!!e.xyz, "Make sure that the data is getting passed through.");
- equal(e.data.x, 1, "Make sure data is attached properly.");
- });
+ jQuery("#firstp").bind("click mouseover foo bar baz", handler)
+ .trigger("click").trigger("mouseover")
+ .trigger("foo").trigger("bar")
+ .trigger("baz");
- div.bind("test.b", {x : 2}, function (e) {
- ok(!!e.xyz, "Make sure that the data is getting passed through.");
- equal(e.data.x, 2, "Make sure data is attached properly.");
+ equal(count, 5, "bind() five events at once");
});
- // Should trigger 5
- div.trigger("test", 33.33);
+ test("bind(), multiple events at once and namespaces", function () {
+ expect(7);
- // Should trigger 2
- div.trigger("test.a", "George Harrison");
+ var cur, obj = {};
- // Should trigger 2
- div.trigger("test.b", { year : 1982 });
+ var div = jQuery("").bind("focusin.a", function (e) {
+ equal(e.type, cur, "Verify right single event was fired.");
+ });
- // Should trigger 4
- div.unbind("test");
+ cur = "focusin";
+ div.trigger("focusin.a");
- div = jQuery("").bind("test", function (e) {
- ok(true, "Test event fired.");
- });
+ // manually clean up detached elements
+ div.remove();
- // Should trigger 2
- div.appendTo("#qunit-fixture").remove();
+ div = jQuery("").bind("click mouseover", obj, function (e) {
+ equal(e.type, cur, "Verify right multi event was fired.");
+ equal(e.data, obj, "Make sure the data came in correctly.");
+ });
- delete jQuery.event.special.test;
- });
+ cur = "click";
+ div.trigger("click");
- test("bind(), no data", function () {
- expect(1);
- var handler = function (event) {
- ok(!event.data, "Check that no data is added to the event object");
- };
- jQuery("#firstp").bind("click", handler).trigger("click");
- });
+ cur = "mouseover";
+ div.trigger("mouseover");
- test("bind/one/unbind(Object)", function () {
- expect(6);
+ // manually clean up detached elements
+ div.remove();
- var clickCounter = 0, mouseoverCounter = 0;
+ div = jQuery("").bind("focusin.a focusout.b", function (e) {
+ equal(e.type, cur, "Verify right multi event was fired.");
+ });
- function handler(event) {
- if (event.type == "click")
- clickCounter++;
- else if (event.type == "mouseover")
- mouseoverCounter++;
- }
-
- ;
-
- function handlerWithData(event) {
- if (event.type == "click")
- clickCounter += event.data;
- else if (event.type == "mouseover")
- mouseoverCounter += event.data;
- }
-
- ;
-
- function trigger() {
- $elem.trigger("click").trigger("mouseover");
- }
-
- var $elem = jQuery("#firstp")
- // Regular bind
- .bind({
- click : handler,
- mouseover : handler
- })
- // Bind with data
- .one({
- click : handlerWithData,
- mouseover : handlerWithData
- }, 2);
-
- trigger();
-
- equal(clickCounter, 3, "bind(Object)");
- equal(mouseoverCounter, 3, "bind(Object)");
-
- trigger();
- equal(clickCounter, 4, "bind(Object)");
- equal(mouseoverCounter, 4, "bind(Object)");
-
- jQuery("#firstp").unbind({
- click : handler,
- mouseover : handler
- });
-
- trigger();
- equal(clickCounter, 4, "bind(Object)");
- equal(mouseoverCounter, 4, "bind(Object)");
- });
-
- test("live/die(Object), delegate/undelegate(String, Object)", function () {
- expect(6);
-
- var clickCounter = 0, mouseoverCounter = 0,
- $p = jQuery("#firstp"), $a = $p.find("a:first");
-
- var events = {
- click : function (event) {
- clickCounter += ( event.data || 1 );
- },
- mouseover : function (event) {
- mouseoverCounter += ( event.data || 1 );
- }
- };
+ cur = "focusin";
+ div.trigger("focusin.a");
- function trigger() {
- $a.trigger("click").trigger("mouseover");
- }
+ cur = "focusout";
+ div.trigger("focusout.b");
- $a.live(events);
- $p.delegate("a", events, 2);
+ // manually clean up detached elements
+ div.remove();
+ });
- trigger();
- equal(clickCounter, 3, "live/delegate");
- equal(mouseoverCounter, 3, "live/delegate");
+ test("bind(), namespace with special add", function () {
+ expect(27);
- $p.undelegate("a", events);
+ var div = jQuery("").bind("test", function (e) {
+ ok(true, "Test event fired.");
+ });
- trigger();
- equal(clickCounter, 4, "undelegate");
- equal(mouseoverCounter, 4, "undelegate");
+ var i = 0;
+
+ jQuery.event.special["test"] = {
+ _default : function (e, data) {
+ equal(this, document, "Make sure we're at the top of the chain.");
+ equal(e.type, "test", "And that we're still dealing with a test event.");
+ equal(e.target, div[0], "And that the target is correct.");
+ ok(data !== undefined, "And that trigger data was passed.");
+ },
+ setup : function () {
+ },
+ teardown : function () {
+ ok(true, "Teardown called.");
+ },
+ add : function (handleObj) {
+ var handler = handleObj.handler;
+ handleObj.handler = function (e) {
+ e.xyz = ++i;
+ handler.apply(this, arguments);
+ };
+ },
+ remove : function () {
+ ok(true, "Remove called.");
+ }
+ };
- $a.die(events);
+ div.bind("test.a", {"x" : 1}, function (e) {
+ ok(!!e.xyz, "Make sure that the data is getting passed through.");
+ equal(e.data["x"], 1, "Make sure data is attached properly.");
+ });
- trigger();
- equal(clickCounter, 4, "die");
- equal(mouseoverCounter, 4, "die");
- });
+ div.bind("test.b", {"x" : 2}, function (e) {
+ ok(!!e.xyz, "Make sure that the data is getting passed through.");
+ equal(e.data["x"], 2, "Make sure data is attached properly.");
+ });
- test("live/delegate immediate propagation", function () {
- expect(2);
+ // Should trigger 5
+ div.trigger("test", 33.33);
- var $p = jQuery("#firstp"), $a = $p.find("a:first"), lastClick;
+ // Should trigger 2
+ div.trigger("test.a", "George Harrison");
- lastClick = "";
- $a.live("click", function (e) {
- lastClick = "click1";
- e.stopImmediatePropagation();
- });
- $a.live("click", function (e) {
- lastClick = "click2";
- });
- $a.trigger("click");
- equal(lastClick, "click1", "live stopImmediatePropagation");
- $a.die("click");
+ // Should trigger 2
+ div.trigger("test.b", { year : 1982 });
+
+ // Should trigger 4
+ div.unbind("test");
- lastClick = "";
- $p.delegate("a", "click", function (e) {
- lastClick = "click1";
- e.stopImmediatePropagation();
+ div = jQuery("").bind("test", function (e) {
+ ok(true, "Test event fired.");
+ });
+
+ // Should trigger 2
+ div.appendTo("#qunit-fixture").remove();
+
+ delete jQuery.event.special["test"];
});
- $p.delegate("a", "click", function (e) {
- lastClick = "click2";
+
+ test("bind(), no data", function () {
+ expect(1);
+ var handler = function (event) {
+ ok(!event.data, "Check that no data is added to the event object");
+ };
+ jQuery("#firstp").bind("click", handler).trigger("click");
});
- $a.trigger("click");
- equal(lastClick, "click1", "delegate stopImmediatePropagation");
- $p.undelegate("click");
- });
- test("bind/delegate bubbling, isDefaultPrevented", function () {
- expect(2);
- var $anchor2 = jQuery("#anchor2"),
- $main = jQuery("#qunit-fixture"),
- fakeClick = function ($jq) {
- // Use a native click so we don't get jQuery simulated bubbling
- if (document.createEvent) {
- var e = document.createEvent("MouseEvents");
- e.initEvent("click", true, true);
- $jq[0].dispatchEvent(e);
+ test("bind/one/unbind(Object)", function () {
+ expect(6);
+
+ var clickCounter = 0, mouseoverCounter = 0;
+
+ function handler(event) {
+ if (event.type == "click") {
+
+ clickCounter++;
}
- else if ($jq[0].click) {
- $jq[0].click(); // IE
+ else if (event.type == "mouseover") {
+ mouseoverCounter++;
}
- };
- $anchor2.click(function (e) {
- e.preventDefault();
+
+ }
+
+ function handlerWithData(event) {
+ if (event.type == "click") {
+ clickCounter += event.data;
+ }
+ else if (event.type == "mouseover") {
+ mouseoverCounter += event.data;
+ }
+ }
+
+ function trigger() {
+ $elem.trigger("click").trigger("mouseover");
+ }
+
+ var $elem = jQuery("#firstp")
+ // Regular bind
+ .bind({
+ "click" : handler,
+ "mouseover" : handler
+ })
+ // Bind with data
+ .one({
+ "click" : handlerWithData,
+ "mouseover" : handlerWithData
+ }, 2);
+
+ trigger();
+
+ equal(clickCounter, 3, "bind(Object)");
+ equal(mouseoverCounter, 3, "bind(Object)");
+
+ trigger();
+ equal(clickCounter, 4, "bind(Object)");
+ equal(mouseoverCounter, 4, "bind(Object)");
+
+ jQuery("#firstp").unbind({
+ "click" : handler,
+ "mouseover" : handler
+ });
+
+ trigger();
+ equal(clickCounter, 4, "bind(Object)");
+ equal(mouseoverCounter, 4, "bind(Object)");
});
- $main.delegate("#foo", "click", function (e) {
- var orig = e.originalEvent;
- if (typeof(orig.defaultPrevented) === "boolean" || typeof(orig.returnValue) === "boolean" || orig.getPreventDefault) {
- equal(e.isDefaultPrevented(), true, "isDefaultPrevented true passed to bubbled event");
+ test("live/die(Object), delegate/undelegate(String, Object)", function () {
+ expect(6);
- } else {
- // Opera < 11 doesn't implement any interface we can use, so give it a pass
- ok(true, "isDefaultPrevented not supported by this browser, test skipped");
+ var clickCounter = 0, mouseoverCounter = 0,
+ $p = jQuery("#firstp"), $a = $p.find("a:first");
+
+ var events = {
+ "click" : function (event) {
+ clickCounter += ( event.data || 1 );
+ },
+ "mouseover" : function (event) {
+ mouseoverCounter += ( event.data || 1 );
+ }
+ };
+
+ function trigger() {
+ $a.trigger("click").trigger("mouseover");
}
+
+ $a.live(events);
+ $p.delegate("a", events, 2);
+
+ trigger();
+ equal(clickCounter, 3, "live/delegate");
+ equal(mouseoverCounter, 3, "live/delegate");
+
+ $p.undelegate("a", events);
+
+ trigger();
+ equal(clickCounter, 4, "undelegate");
+ equal(mouseoverCounter, 4, "undelegate");
+
+ $a.die(events);
+
+ trigger();
+ equal(clickCounter, 4, "die");
+ equal(mouseoverCounter, 4, "die");
});
- fakeClick($anchor2);
- $anchor2.unbind("click");
- $main.undelegate("click");
- $anchor2.click(function (e) {
- // Let the default action occur
+
+ test("live/delegate immediate propagation", function () {
+ expect(2);
+
+ var $p = jQuery("#firstp"), $a = $p.find("a:first"), lastClick;
+
+ lastClick = "";
+ $a.live("click", function (e) {
+ lastClick = "click1";
+ e.stopImmediatePropagation();
+ });
+ $a.live("click", function (e) {
+ lastClick = "click2";
+ });
+ $a.trigger("click");
+ equal(lastClick, "click1", "live stopImmediatePropagation");
+ $a.die("click");
+
+ lastClick = "";
+ $p.delegate("a", "click", function (e) {
+ lastClick = "click1";
+ e.stopImmediatePropagation();
+ });
+ $p.delegate("a", "click", function (e) {
+ lastClick = "click2";
+ });
+ $a.trigger("click");
+ equal(lastClick, "click1", "delegate stopImmediatePropagation");
+ $p.undelegate("click");
});
- $main.delegate("#foo", "click", function (e) {
- equal(e.isDefaultPrevented(), false, "isDefaultPrevented false passed to bubbled event");
+
+ test("bind/delegate bubbling, isDefaultPrevented", function () {
+ expect(2);
+ var $anchor2 = jQuery("#anchor2"),
+ $main = jQuery("#qunit-fixture"),
+ fakeClick = function ($jq) {
+ // Use a native click so we don't get jQuery simulated bubbling
+ if (document.createEvent) {
+ var e = document.createEvent("MouseEvents");
+ e.initEvent("click", true, true);
+ $jq[0].dispatchEvent(e);
+ }
+ else if ($jq[0].click) {
+ $jq[0].click(); // IE
+ }
+ };
+ $anchor2.click(function (e) {
+ e.preventDefault();
+ });
+ $main.delegate("#foo", "click", function (e) {
+ var orig = e.originalEvent;
+
+ if (typeof(orig.defaultPrevented) === "boolean" || typeof(orig.returnValue) === "boolean" || orig["getPreventDefault"]) {
+ equal(e.isDefaultPrevented(), true, "isDefaultPrevented true passed to bubbled event");
+
+ } else {
+ // Opera < 11 doesn't implement any interface we can use, so give it a pass
+ ok(true, "isDefaultPrevented not supported by this browser, test skipped");
+ }
+ });
+ fakeClick($anchor2);
+ $anchor2.unbind("click");
+ $main.undelegate("click");
+ $anchor2.click(function (e) {
+ // Let the default action occur
+ });
+ $main.delegate("#foo", "click", function (e) {
+ equal(e.isDefaultPrevented(), false, "isDefaultPrevented false passed to bubbled event");
+ });
+ fakeClick($anchor2);
+ $anchor2.unbind("click");
+ $main.undelegate("click");
});
- fakeClick($anchor2);
- $anchor2.unbind("click");
- $main.undelegate("click");
- });
- test("bind(), iframes", function () {
- // events don't work with iframes, see #939 - this test fails in IE because of contentDocument
- var doc = jQuery("#loadediframe").contents();
+ test("bind(), iframes", function () {
+ // events don't work with iframes, see #939 - this test fails in IE because of contentDocument
+ var doc = jQuery("#loadediframe").contents();
- jQuery("div", doc).bind("click",
- function () {
+ jQuery("div", doc).bind("click",function () {
ok(true, "Binding to element inside iframe");
}).click().unbind("click");
- });
+ });
- test("bind(), trigger change on select", function () {
- expect(5);
- var counter = 0;
+ test("bind(), trigger change on select", function () {
+ expect(5);
+ var counter = 0;
- function selectOnChange(event) {
- equal(event.data, counter++, "Event.data is not a global event object");
- }
+ function selectOnChange(event) {
+ equal(event.data, counter++, "Event.data is not a global event object");
+ }
- ;
- jQuery("#form select").each(
- function (i) {
+ jQuery("#form select").each(function (i) {
jQuery(this).bind("change", i, selectOnChange);
}).trigger("change");
- });
+ });
- test("bind(), namespaced events, cloned events", 18, function () {
- var firstp = jQuery("#firstp");
+ test("bind(), namespaced events, cloned events", 18, function () {
+ var firstp = jQuery("#firstp");
- firstp.bind("custom.test", function (e) {
- ok(false, "Custom event triggered");
- });
+ firstp.bind("custom.test", function (e) {
+ ok(false, "Custom event triggered");
+ });
- firstp.bind("click", function (e) {
- ok(true, "Normal click triggered");
- equal(e.type + e.namespace, "click", "Check that only click events trigger this fn");
- });
+ firstp.bind("click", function (e) {
+ ok(true, "Normal click triggered");
+ equal(e.type + e.namespace, "click", "Check that only click events trigger this fn");
+ });
- firstp.bind("click.test", function (e) {
- var check = "click";
- ok(true, "Namespaced click triggered");
- if (e.namespace) {
- check += "test";
- }
- equal(e.type + e.namespace, check, "Check that only click/click.test events trigger this fn");
- });
+ firstp.bind("click.test", function (e) {
+ var check = "click";
+ ok(true, "Namespaced click triggered");
+ if (e.namespace) {
+ check += "test";
+ }
+ equal(e.type + e.namespace, check, "Check that only click/click.test events trigger this fn");
+ });
- //clone(true) element to verify events are cloned correctly
- firstp = firstp.add(firstp.clone(true).attr("id", "firstp2").insertBefore(firstp));
+ //clone(true) element to verify events are cloned correctly
+ firstp = firstp.add(firstp.clone(true).attr("id", "firstp2").insertBefore(firstp));
- // Trigger both bound fn (8)
- firstp.trigger("click");
+ // Trigger both bound fn (8)
+ firstp.trigger("click");
- // Trigger one bound fn (4)
- firstp.trigger("click.test");
+ // Trigger one bound fn (4)
+ firstp.trigger("click.test");
- // Remove only the one fn
- firstp.unbind("click.test");
+ // Remove only the one fn
+ firstp.unbind("click.test");
- // Trigger the remaining fn (4)
- firstp.trigger("click");
+ // Trigger the remaining fn (4)
+ firstp.trigger("click");
- // Remove the remaining namespaced fn
- firstp.unbind(".test");
+ // Remove the remaining namespaced fn
+ firstp.unbind(".test");
- // Try triggering the custom event (0)
- firstp.trigger("custom");
+ // Try triggering the custom event (0)
+ firstp.trigger("custom");
- // using contents will get comments regular, text, and comment nodes
- jQuery("#nonnodes").contents().bind("tester",
- function () {
+ // using contents will get comments regular, text, and comment nodes
+ jQuery("#nonnodes").contents().bind("tester",function () {
equal(this.nodeType, 1, "Check node,textnode,comment bind just does real nodes");
}).trigger("tester");
- // Make sure events stick with appendTo'd elements (which are cloned) #2027
- jQuery("test").click(
- function () {
+ // Make sure events stick with appendTo'd elements (which are cloned) #2027
+ jQuery("test").click(function () {
return false;
}).appendTo("#qunit-fixture");
- ok(jQuery("a.test:first").triggerHandler("click") === false, "Handler is bound to appendTo'd elements");
- });
+ ok(jQuery("a.test:first").triggerHandler("click") === false, "Handler is bound to appendTo'd elements");
+ });
- test("bind(), multi-namespaced events", function () {
- expect(6);
+ test("bind(), multi-namespaced events", function () {
+ expect(6);
- var order = [
- "click.test.abc",
- "click.test.abc",
- "click.test",
- "click.test.abc",
- "click.test",
- "custom.test2"
- ];
+ var order = [
+ "click.test.abc",
+ "click.test.abc",
+ "click.test",
+ "click.test.abc",
+ "click.test",
+ "custom.test2"
+ ];
- function check(name, msg) {
- deepEqual(name, order.shift(), msg);
- }
+ function check(name, msg) {
+ deepEqual(name, order.shift(), msg);
+ }
- jQuery("#firstp").bind("custom.test", function (e) {
- check("custom.test", "Custom event triggered");
- });
+ jQuery("#firstp").bind("custom.test", function (e) {
+ check("custom.test", "Custom event triggered");
+ });
- jQuery("#firstp").bind("custom.test2", function (e) {
- check("custom.test2", "Custom event triggered");
- });
+ jQuery("#firstp").bind("custom.test2", function (e) {
+ check("custom.test2", "Custom event triggered");
+ });
- jQuery("#firstp").bind("click.test", function (e) {
- check("click.test", "Normal click triggered");
- });
+ jQuery("#firstp").bind("click.test", function (e) {
+ check("click.test", "Normal click triggered");
+ });
- jQuery("#firstp").bind("click.test.abc", function (e) {
- check("click.test.abc", "Namespaced click triggered");
- });
+ jQuery("#firstp").bind("click.test.abc", function (e) {
+ check("click.test.abc", "Namespaced click triggered");
+ });
+
+ // Those would not trigger/unbind (#5303)
+ jQuery("#firstp").trigger("click.a.test");
+ jQuery("#firstp").unbind("click.a.test");
+
+ // Trigger both bound fn (1)
+ jQuery("#firstp").trigger("click.test.abc");
- // Those would not trigger/unbind (#5303)
- jQuery("#firstp").trigger("click.a.test");
- jQuery("#firstp").unbind("click.a.test");
+ // Trigger one bound fn (1)
+ jQuery("#firstp").trigger("click.abc");
- // Trigger both bound fn (1)
- jQuery("#firstp").trigger("click.test.abc");
+ // Trigger two bound fn (2)
+ jQuery("#firstp").trigger("click.test");
- // Trigger one bound fn (1)
- jQuery("#firstp").trigger("click.abc");
+ // Remove only the one fn
+ jQuery("#firstp").unbind("click.abc");
- // Trigger two bound fn (2)
- jQuery("#firstp").trigger("click.test");
+ // Trigger the remaining fn (1)
+ jQuery("#firstp").trigger("click");
- // Remove only the one fn
- jQuery("#firstp").unbind("click.abc");
+ // Remove the remaining fn
+ jQuery("#firstp").unbind(".test");
- // Trigger the remaining fn (1)
- jQuery("#firstp").trigger("click");
+ // Trigger the remaining fn (1)
+ jQuery("#firstp").trigger("custom");
+ });
- // Remove the remaining fn
- jQuery("#firstp").unbind(".test");
+ test("bind(), with same function", function () {
+ expect(2);
- // Trigger the remaining fn (1)
- jQuery("#firstp").trigger("custom");
- });
+ var count = 0, func = function () {
+ count++;
+ };
- test("bind(), with same function", function () {
- expect(2)
+ jQuery("#liveHandlerOrder").bind("foo.bar", func).bind("foo.zar", func);
+ jQuery("#liveHandlerOrder").trigger("foo.bar");
- var count = 0, func = function () {
- count++;
- };
+ equal(count, 1, "Verify binding function with multiple namespaces.");
- jQuery("#liveHandlerOrder").bind("foo.bar", func).bind("foo.zar", func);
- jQuery("#liveHandlerOrder").trigger("foo.bar");
+ jQuery("#liveHandlerOrder").unbind("foo.bar", func).unbind("foo.zar", func);
+ jQuery("#liveHandlerOrder").trigger("foo.bar");
- equal(count, 1, "Verify binding function with multiple namespaces.");
+ equal(count, 1, "Verify that removing events still work.");
+ });
- jQuery("#liveHandlerOrder").unbind("foo.bar", func).unbind("foo.zar", func);
- jQuery("#liveHandlerOrder").trigger("foo.bar");
+ test("bind(), make sure order is maintained", function () {
+ expect(1);
- equal(count, 1, "Verify that removing events still work.");
- });
+ var elem = jQuery("#firstp"), log = [], check = [];
- test("bind(), make sure order is maintained", function () {
- expect(1);
+ jQuery.each(new Array(100), function (i) {
+ elem.bind("click", function () {
+ log.push(i);
+ });
- var elem = jQuery("#firstp"), log = [], check = [];
+ check.push(i);
- for (var i = 0; i < 100; i++) (function (i) {
- elem.bind("click", function () {
- log.push(i);
});
- check.push(i);
- })(i);
+ elem.trigger("click");
- elem.trigger("click");
+ equal(log.join(","), check.join(","), "Make sure order was maintained.");
- equal(log.join(","), check.join(","), "Make sure order was maintained.");
+ elem.unbind("click");
+ });
- elem.unbind("click");
- });
+ test("bind(), with different this object", function () {
+ expect(4);
+ var thisObject = { myThis : true },
+ data = { myData : true },
+ handler1 = function (event) {
+ equal(this, thisObject, "bind() with different this object");
+ },
+ handler2 = function (event) {
+ equal(this, thisObject, "bind() with different this object and data");
+ equal(event.data, data, "bind() with different this object and data");
+ };
- test("bind(), with different this object", function () {
- expect(4);
- var thisObject = { myThis : true },
- data = { myData : true },
- handler1 = function (event) {
- equal(this, thisObject, "bind() with different this object");
- },
- handler2 = function (event) {
- equal(this, thisObject, "bind() with different this object and data");
- equal(event.data, data, "bind() with different this object and data");
- };
+ jQuery("#firstp")
+ .bind("click", jQuery.proxy(handler1, thisObject)).click().unbind("click", handler1)
+ .bind("click", data, jQuery.proxy(handler2, thisObject)).click().unbind("click", handler2);
- jQuery("#firstp")
- .bind("click", jQuery.proxy(handler1, thisObject)).click().unbind("click", handler1)
- .bind("click", data, jQuery.proxy(handler2, thisObject)).click().unbind("click", handler2);
+ ok(!jQuery._data(jQuery("#firstp")[0], "events"), "Event handler unbound when using different this object and data.");
+ });
- ok(!jQuery._data(jQuery("#firstp")[0], "events"), "Event handler unbound when using different this object and data.");
- });
+ test("bind(name, false), unbind(name, false)", function () {
+ expect(3);
- test("bind(name, false), unbind(name, false)", function () {
- expect(3);
+ var main = 0;
+ jQuery("#qunit-fixture").bind("click", function (e) {
+ main++;
+ });
+ jQuery("#ap").trigger("click");
+ equal(main, 1, "Verify that the trigger happened correctly.");
- var main = 0;
- jQuery("#qunit-fixture").bind("click", function (e) {
- main++;
- });
- jQuery("#ap").trigger("click");
- equal(main, 1, "Verify that the trigger happened correctly.");
+ main = 0;
+ jQuery("#ap").bind("click", false);
+ jQuery("#ap").trigger("click");
+ equal(main, 0, "Verify that no bubble happened.");
- main = 0;
- jQuery("#ap").bind("click", false);
- jQuery("#ap").trigger("click");
- equal(main, 0, "Verify that no bubble happened.");
+ main = 0;
+ jQuery("#ap").unbind("click", false);
+ jQuery("#ap").trigger("click");
+ equal(main, 1, "Verify that the trigger happened correctly.");
- main = 0;
- jQuery("#ap").unbind("click", false);
- jQuery("#ap").trigger("click");
- equal(main, 1, "Verify that the trigger happened correctly.");
+ // manually clean up events from elements outside the fixture
+ jQuery("#qunit-fixture").unbind("click");
+ });
+
+ test("live(name, false), die(name, false)", function () {
+ expect(3);
- // manually clean up events from elements outside the fixture
- jQuery("#qunit-fixture").unbind("click");
- });
+ var main = 0;
+ jQuery("#qunit-fixture").live("click", function (e) {
+ main++;
+ });
+ jQuery("#ap").trigger("click");
+ equal(main, 1, "Verify that the trigger happened correctly.");
- test("live(name, false), die(name, false)", function () {
- expect(3);
+ main = 0;
+ jQuery("#ap").live("click", false);
+ jQuery("#ap").trigger("click");
+ equal(main, 0, "Verify that no bubble happened.");
- var main = 0;
- jQuery("#qunit-fixture").live("click", function (e) {
- main++;
+ main = 0;
+ jQuery("#ap").die("click", false);
+ jQuery("#ap").trigger("click");
+ equal(main, 1, "Verify that the trigger happened correctly.");
+ jQuery("#qunit-fixture").die("click");
});
- jQuery("#ap").trigger("click");
- equal(main, 1, "Verify that the trigger happened correctly.");
- main = 0;
- jQuery("#ap").live("click", false);
- jQuery("#ap").trigger("click");
- equal(main, 0, "Verify that no bubble happened.");
+ test("delegate(selector, name, false), undelegate(selector, name, false)", function () {
+ expect(3);
- main = 0;
- jQuery("#ap").die("click", false);
- jQuery("#ap").trigger("click");
- equal(main, 1, "Verify that the trigger happened correctly.");
- jQuery("#qunit-fixture").die("click");
- });
+ var main = 0;
- test("delegate(selector, name, false), undelegate(selector, name, false)", function () {
- expect(3);
+ jQuery("#qunit-fixture").delegate("#ap", "click", function (e) {
+ main++;
+ });
+ jQuery("#ap").trigger("click");
+ equal(main, 1, "Verify that the trigger happened correctly.");
- var main = 0;
+ main = 0;
+ jQuery("#ap").delegate("#groups", "click", false);
+ jQuery("#groups").trigger("click");
+ equal(main, 0, "Verify that no bubble happened.");
- jQuery("#qunit-fixture").delegate("#ap", "click", function (e) {
- main++;
+ main = 0;
+ jQuery("#ap").undelegate("#groups", "click", false);
+ jQuery("#groups").trigger("click");
+ equal(main, 1, "Verify that the trigger happened correctly.");
+ jQuery("#qunit-fixture").undelegate("#ap", "click");
});
- jQuery("#ap").trigger("click");
- equal(main, 1, "Verify that the trigger happened correctly.");
- main = 0;
- jQuery("#ap").delegate("#groups", "click", false);
- jQuery("#groups").trigger("click");
- equal(main, 0, "Verify that no bubble happened.");
+ test("bind()/trigger()/unbind() on plain object", function () {
+ expect(7);
- main = 0;
- jQuery("#ap").undelegate("#groups", "click", false);
- jQuery("#groups").trigger("click");
- equal(main, 1, "Verify that the trigger happened correctly.");
- jQuery("#qunit-fixture").undelegate("#ap", "click");
- });
+ var obj = {};
- test("bind()/trigger()/unbind() on plain object", function () {
- expect(7);
+ // Make sure it doesn't complain when no events are found
+ jQuery(obj).trigger("test");
- var obj = {};
+ // Make sure it doesn't complain when no events are found
+ jQuery(obj).unbind("test");
- // Make sure it doesn't complain when no events are found
- jQuery(obj).trigger("test");
+ jQuery(obj).bind({
+ "test" : function () {
+ ok(true, "Custom event run.");
+ },
+ "submit" : function () {
+ ok(true, "Custom submit event run.");
+ }
+ });
- // Make sure it doesn't complain when no events are found
- jQuery(obj).unbind("test");
+ var events = jQuery._data(obj, "events");
+ ok(events, "Object has events bound.");
+ equal(obj["events"], undefined, "Events object on plain objects is not events");
+ equal(obj["test"], undefined, "Make sure that test event is not on the plain object.");
+ equal(obj["handle"], undefined, "Make sure that the event handler is not on the plain object.");
- jQuery(obj).bind({
- test : function () {
- ok(true, "Custom event run.");
- },
- submit : function () {
- ok(true, "Custom submit event run.");
- }
+ // Should trigger 1
+ jQuery(obj).trigger("test");
+ jQuery(obj).trigger("submit");
+
+ jQuery(obj).unbind("test");
+ jQuery(obj).unbind("submit");
+
+ // Should trigger 0
+ jQuery(obj).trigger("test");
+
+ // Make sure it doesn't complain when no events are found
+ jQuery(obj).unbind("test");
+
+ equal(obj && obj[ jQuery.expando ] &&
+ obj[ jQuery.expando ][ jQuery.expando ] &&
+ obj[ jQuery.expando ][ jQuery.expando ]["events"], undefined, "Make sure events object is removed");
});
- var events = jQuery._data(obj, "events");
- ok(events, "Object has events bound.");
- equal(obj.events, undefined, "Events object on plain objects is not events");
- equal(obj.test, undefined, "Make sure that test event is not on the plain object.");
- equal(obj.handle, undefined, "Make sure that the event handler is not on the plain object.");
-
- // Should trigger 1
- jQuery(obj).trigger("test");
- jQuery(obj).trigger("submit");
+ test("unbind(type)", function () {
+ expect(1);
+
+ var $elem = jQuery("#firstp"),
+ message;
+
+ function error() {
+ ok(false, message);
+ }
+
+ message = "unbind passing function";
+ $elem.bind("error1", error).unbind("error1", error).triggerHandler("error1");
+
+ message = "unbind all from event";
+ $elem.bind("error1", error).unbind("error1").triggerHandler("error1");
+
+ message = "unbind all";
+ $elem.bind("error1", error).unbind().triggerHandler("error1");
+
+ message = "unbind many with function";
+ $elem.bind("error1 error2", error)
+ .unbind("error1 error2", error)
+ .trigger("error1").triggerHandler("error2");
- jQuery(obj).unbind("test");
- jQuery(obj).unbind("submit");
+ message = "unbind many"; // #3538
+ $elem.bind("error1 error2", error)
+ .unbind("error1 error2")
+ .trigger("error1").triggerHandler("error2");
- // Should trigger 0
- jQuery(obj).trigger("test");
-
- // Make sure it doesn't complain when no events are found
- jQuery(obj).unbind("test");
-
- equal(obj && obj[ jQuery.expando ] &&
- obj[ jQuery.expando ][ jQuery.expando ] &&
- obj[ jQuery.expando ][ jQuery.expando ].events, undefined, "Make sure events object is removed");
- });
-
- test("unbind(type)", function () {
- expect(1);
-
- var $elem = jQuery("#firstp"),
- message;
-
- function error() {
- ok(false, message);
- }
-
- message = "unbind passing function";
- $elem.bind("error1", error).unbind("error1", error).triggerHandler("error1");
-
- message = "unbind all from event";
- $elem.bind("error1", error).unbind("error1").triggerHandler("error1");
-
- message = "unbind all";
- $elem.bind("error1", error).unbind().triggerHandler("error1");
-
- message = "unbind many with function";
- $elem.bind("error1 error2", error)
- .unbind("error1 error2", error)
- .trigger("error1").triggerHandler("error2");
-
- message = "unbind many"; // #3538
- $elem.bind("error1 error2", error)
- .unbind("error1 error2")
- .trigger("error1").triggerHandler("error2");
-
- message = "unbind without a type or handler";
- $elem.bind("error1 error2.test", error)
- .unbind()
- .trigger("error1").triggerHandler("error2");
-
- // Should only unbind the specified function
- jQuery(document).bind("click", function () {
- ok(true, "called handler after selective removal");
- });
- var func = function () {
- };
- jQuery(document)
- .bind("click", func)
- .unbind("click", func)
- .click()
- .unbind("click");
- });
-
- test("unbind(eventObject)", function () {
- expect(4);
-
- var $elem = jQuery("#firstp"),
- num;
-
- function assert(expected) {
- num = 0;
- $elem.trigger("foo").triggerHandler("bar");
- equal(num, expected, "Check the right handlers are triggered");
- }
-
- $elem
- // This handler shouldn't be unbound
- .bind("foo", function () {
- num += 1;
- })
- .bind("foo", function (e) {
- $elem.unbind(e)
- num += 2;
- })
- // Neither this one
- .bind("bar", function () {
- num += 4;
- });
-
- assert(7);
- assert(5);
-
- $elem.unbind("bar");
- assert(1);
-
- $elem.unbind();
- assert(0);
- });
-
- test("hover() and hover pseudo-event", function () {
- expect(2);
-
- var times = 0,
- handler1 = function (event) {
- ++times;
- },
- handler2 = function (event) {
- ++times;
+ message = "unbind without a type or handler";
+ $elem.bind("error1 error2.test", error)
+ .unbind()
+ .trigger("error1").triggerHandler("error2");
+
+ // Should only unbind the specified function
+ jQuery(document).bind("click", function () {
+ ok(true, "called handler after selective removal");
+ });
+ var func = function () {
};
+ jQuery(document)
+ .bind("click", func)
+ .unbind("click", func)
+ .click()
+ .unbind("click");
+ });
- jQuery("#firstp")
- .hover(handler1, handler2)
- .mouseenter().mouseleave()
- .unbind("mouseenter", handler1)
- .unbind("mouseleave", handler2)
- .hover(handler1)
- .mouseenter().mouseleave()
- .unbind("mouseenter mouseleave", handler1)
- .mouseenter().mouseleave();
-
- equal(times, 4, "hover handlers fired");
-
- var balance = 0;
- jQuery("#firstp")
- .on("hovercraft", function () {
- ok(false, "hovercraft is full of ills");
- })
- .bind("hover", function (e) {
- if (e.type === "mouseenter") {
- balance++;
- } else if (e.type === "mouseleave") {
- balance--;
- } else {
- ok(false, "hover pseudo: unknown event type " + e.type);
- }
- })
- .trigger("mouseenter")
- .trigger("mouseleave")
- .unbind("hover")
- .trigger("mouseenter");
+ test("unbind(eventObject)", function () {
+ expect(4);
+
+ var $elem = jQuery("#firstp"),
+ num;
- equal(balance, 0, "hover pseudo-event");
- });
+ function assert(expected) {
+ num = 0;
+ $elem.trigger("foo").triggerHandler("bar");
+ equal(num, expected, "Check the right handlers are triggered");
+ }
- test("mouseover triggers mouseenter", function () {
- expect(1);
+ $elem
+ // This handler shouldn't be unbound
+ .bind("foo", function () {
+ num += 1;
+ })
+ .bind("foo", function (e) {
+ $elem.unbind(e);
+ num += 2;
+ })
+ // Neither this one
+ .bind("bar", function () {
+ num += 4;
+ });
- var count = 0,
- elem = jQuery("");
- elem.mouseenter(function () {
- count++;
+ assert(7);
+ assert(5);
+
+ $elem.unbind("bar");
+ assert(1);
+
+ $elem.unbind();
+ assert(0);
});
- elem.trigger("mouseover");
- equal(count, 1, "make sure mouseover triggers a mouseenter");
- elem.remove();
- });
+ test("hover() and hover pseudo-event", function () {
+ expect(3);
- test("withinElement implemented with jQuery.contains()", function () {
+ var times = 0,
+ handler1 = function (event) {
+ ++times;
+ },
+ handler2 = function (event) {
+ ++times;
+ };
- expect(1);
+ jQuery("#firstp")
+ .hover(handler1, handler2)
+ .mouseenter().mouseleave()
+ .unbind("mouseenter", handler1)
+ .unbind("mouseleave", handler2)
+ .hover(handler1)
+ .mouseenter().mouseleave()
+ .unbind("mouseenter mouseleave", handler1)
+ .mouseenter().mouseleave();
+
+ equal(times, 4, "hover handlers fired");
+
+ var balance = 0;
+ jQuery("#firstp")
+ .on("hovercraft", function () {
+ ok(false, "hovercraft is full of ills");
+ })
+ .on("click.hover.me.not", function (e) {
+ equal(e.handleObj.namespace, "hover.me.not", "hover hack doesn't mangle namespaces");
+ })
+ .bind("hover", function (e) {
+ if (e.type === "mouseenter") {
+ balance++;
+ } else if (e.type === "mouseleave") {
+ balance--;
+ } else {
+ ok(false, "hover pseudo: unknown event type " + e.type);
+ }
+ })
+ .trigger("click")
+ .trigger("mouseenter")
+ .trigger("mouseleave")
+ .unbind("hover")
+ .trigger("mouseenter");
+
+ equal(balance, 0, "hover pseudo-event");
+ });
+
+ test("mouseover triggers mouseenter", function () {
+ expect(1);
+
+ var count = 0,
+ elem = jQuery("");
+ elem.mouseenter(function () {
+ count++;
+ });
+ elem.trigger("mouseover");
+ equal(count, 1, "make sure mouseover triggers a mouseenter");
+
+ elem.remove();
+ });
- jQuery("#qunit-fixture").append('![]()
").load(
- function () {
+ var counter = 0;
+ jQuery("#firstp")[0].onclick = function (event) {
+ counter++;
+ };
+ jQuery("#firstp").click();
+ equal(counter, 1, "Check that click, triggers onclick event handler also");
+
+ var clickCounter = 0;
+ jQuery("#simon1")[0].onclick = function (event) {
+ clickCounter++;
+ };
+ jQuery("#simon1").click();
+ equal(clickCounter, 1, "Check that click, triggers onclick event handler on an a tag also");
+
+ elem = jQuery("![]()
").load(function () {
ok(true, "Trigger the load event, using the shortcut .load() (#2819)");
}).load();
- // manually clean up detached elements
- elem.remove();
+ // manually clean up detached elements
+ elem.remove();
- // test that special handlers do not blow up with VML elements (#7071)
- jQuery(' ').appendTo('#form');
- jQuery("#oval").click().keydown();
- });
+ // test that special handlers do not blow up with VML elements (#7071)
+ jQuery(' ').appendTo('#form');
+ jQuery("#oval").click().keydown();
+ });
- test("trigger() bubbling", function () {
- expect(17);
+ test("trigger() bubbling", function () {
+ expect(18);
- var win = 0, doc = 0, html = 0, body = 0, main = 0, ap = 0;
+ var win = 0, doc = 0, html = 0, body = 0, main = 0, ap = 0;
- jQuery(window).bind("click", function (e) {
- win++;
- });
- jQuery(document).bind("click", function (e) {
- if (e.target !== document) {
- doc++;
+ jQuery(window).bind("click", function (e) {
+ win++;
+ });
+ jQuery(document).bind("click", function (e) {
+ if (e.target !== document) {
+ doc++;
+ }
+ });
+ jQuery("html").bind("click", function (e) {
+ html++;
+ });
+ jQuery("body").bind("click", function (e) {
+ body++;
+ });
+ jQuery("#qunit-fixture").bind("click", function (e) {
+ main++;
+ });
+ jQuery("#ap").bind("click", function () {
+ ap++;
+ return false;
+ });
+
+ jQuery("html").trigger("click");
+ equal(win, 1, "HTML bubble");
+ equal(doc, 1, "HTML bubble");
+ equal(html, 1, "HTML bubble");
+
+ jQuery("body").trigger("click");
+ equal(win, 2, "Body bubble");
+ equal(doc, 2, "Body bubble");
+ equal(html, 2, "Body bubble");
+ equal(body, 1, "Body bubble");
+
+ jQuery("#qunit-fixture").trigger("click");
+ equal(win, 3, "Main bubble");
+ equal(doc, 3, "Main bubble");
+ equal(html, 3, "Main bubble");
+ equal(body, 2, "Main bubble");
+ equal(main, 1, "Main bubble");
+
+ jQuery("#ap").trigger("click");
+ equal(doc, 3, "ap bubble");
+ equal(html, 3, "ap bubble");
+ equal(body, 2, "ap bubble");
+ equal(main, 1, "ap bubble");
+ equal(ap, 1, "ap bubble");
+
+ jQuery(document).trigger("click");
+ equal(win, 4, "doc bubble");
+
+ // manually clean up events from elements outside the fixture
+ jQuery(document).unbind("click");
+ jQuery("html, body, #qunit-fixture").unbind("click");
+ });
+
+ test("trigger(type, [data], [fn])", function () {
+ expect(16);
+
+ var handler = function (event, a, b, c) {
+ equal(event.type, "click", "check passed data");
+ equal(a, 1, "check passed data");
+ equal(b, "2", "check passed data");
+ equal(c, "abc", "check passed data");
+ return "test";
+ };
+
+ var $elem = jQuery("#firstp");
+
+ // Simulate a "native" click
+ $elem[0].click = function () {
+ ok(true, "Native call was triggered");
+ };
+
+
+ $elem.live('mouseenter', function () {
+ ok(true, 'Trigger mouseenter bound by live');
+ });
+
+ $elem.live('mouseleave', function () {
+ ok(true, 'Trigger mouseleave bound by live');
+ });
+
+ $elem.trigger('mouseenter');
+
+ $elem.trigger('mouseleave');
+
+ $elem.die('mouseenter');
+
+ $elem.die('mouseleave');
+
+ // Triggers handlrs and native
+ // Trigger 5
+ $elem.bind("click", handler).trigger("click", [1, "2", "abc"]);
+
+ // Simulate a "native" click
+ $elem[0].click = function () {
+ ok(false, "Native call was triggered");
+ };
+
+ // Trigger only the handlers (no native)
+ // Triggers 5
+ equal($elem.triggerHandler("click", [1, "2", "abc"]), "test", "Verify handler response");
+
+ var pass = true, elem2;
+ try {
+ elem2 = jQuery("#form input:first");
+ elem2.get(0).style.display = "none";
+ elem2.trigger("focus");
+ } catch (e) {
+ pass = false;
}
- });
- jQuery("html").bind("click", function (e) {
- html++;
- });
- jQuery("body").bind("click", function (e) {
- body++;
- });
- jQuery("#qunit-fixture").bind("click", function (e) {
- main++;
- });
- jQuery("#ap").bind("click", function () {
- ap++;
- return false;
- });
+ ok(pass, "Trigger focus on hidden element");
- jQuery("html").trigger("click");
- equal(win, 1, "HTML bubble");
- equal(doc, 1, "HTML bubble");
- equal(html, 1, "HTML bubble");
+ pass = true;
+ try {
+ jQuery("#qunit-fixture table:first").bind("test:test",function () {
+ }).trigger("test:test");
+ } catch (e) {
+ pass = false;
+ }
+ ok(pass, "Trigger on a table with a colon in the even type, see #3533");
- jQuery("body").trigger("click");
- equal(win, 2, "Body bubble");
- equal(doc, 2, "Body bubble");
- equal(html, 2, "Body bubble");
- equal(body, 1, "Body bubble");
+ var form = jQuery("").appendTo("body");
- jQuery("#qunit-fixture").trigger("click");
- equal(win, 3, "Main bubble");
- equal(doc, 3, "Main bubble");
- equal(html, 3, "Main bubble");
- equal(body, 2, "Main bubble");
- equal(main, 1, "Main bubble");
+ // Make sure it can be prevented locally
+ form.submit(function () {
+ ok(true, "Local bind still works.");
+ return false;
+ });
- jQuery("#ap").trigger("click");
- equal(doc, 3, "ap bubble");
- equal(html, 3, "ap bubble");
- equal(body, 2, "ap bubble");
- equal(main, 1, "ap bubble");
- equal(ap, 1, "ap bubble");
+ // Trigger 1
+ form.trigger("submit");
- // manually clean up events from elements outside the fixture
- jQuery(document).unbind("click");
- jQuery("html, body, #qunit-fixture").unbind("click");
- });
+ form.unbind("submit");
- test("trigger(type, [data], [fn])", function () {
- expect(16);
+ jQuery(document).submit(function () {
+ ok(true, "Make sure bubble works up to document.");
+ return false;
+ });
- var handler = function (event, a, b, c) {
- equal(event.type, "click", "check passed data");
- equal(a, 1, "check passed data");
- equal(b, "2", "check passed data");
- equal(c, "abc", "check passed data");
- return "test";
- };
+ // Trigger 1
+ form.trigger("submit");
- var $elem = jQuery("#firstp");
+ jQuery(document).unbind("submit");
+
+ form.remove();
+ });
- // Simulate a "native" click
- $elem[0].click = function () {
- ok(true, "Native call was triggered");
- };
+ test("submit event bubbles on copied forms (#11649)", function () {
+ expect(3);
+ var $formByClone, $formByHTML,
+ $testForm = jQuery("#testForm"),
+ $fixture = jQuery("#qunit-fixture"),
+ $wrapperDiv = jQuery("").appendTo($fixture);
- $elem.live('mouseenter', function () {
- ok(true, 'Trigger mouseenter bound by live');
+ function noSubmit(e) {
+ e.preventDefault();
+ }
+
+ function delegatedSubmit() {
+ ok(true, "Make sure submit event bubbles up.");
+ return false;
+ }
+
+ // Attach a delegated submit handler to the parent element
+ $fixture.on("submit", "form", delegatedSubmit);
+
+ // Trigger form submission to introduce the _submit_attached property
+ $testForm.on("submit", noSubmit).find("input[name=sub1]").click();
+
+ // Copy the form via .clone() and .html()
+ $formByClone = $testForm.clone(true, true).removeAttr("id");
+ $formByHTML = jQuery($fixture.html()).filter("#testForm").removeAttr("id");
+ $wrapperDiv.append($formByClone, $formByHTML);
+
+ // Check submit bubbling on the copied forms
+ $wrapperDiv.find("form").on("submit", noSubmit).find("input[name=sub1]").click();
+
+ // Clean up
+ $wrapperDiv.remove();
+ $fixture.off("submit", "form", delegatedSubmit);
+ $testForm.off("submit", noSubmit);
});
- $elem.live('mouseleave', function () {
- ok(true, 'Trigger mouseleave bound by live');
+ test("change event bubbles on copied forms (#11796)", function () {
+ expect(3);
+
+ var $formByClone, $formByHTML,
+ $form = jQuery("#form"),
+ $fixture = jQuery("#qunit-fixture"),
+ $wrapperDiv = jQuery("").appendTo($fixture);
+
+ function delegatedChange() {
+ ok(true, "Make sure change event bubbles up.");
+ return false;
+ }
+
+ // Attach a delegated change handler to the form
+ $fixture.on("change", "form", delegatedChange);
+
+ // Trigger change event to introduce the _change_attached property
+ $form.find("select[name=select1]").val("1").change();
+
+ // Copy the form via .clone() and .html()
+ $formByClone = $form.clone(true, true).removeAttr("id");
+ $formByHTML = jQuery($fixture.html()).filter("#form").removeAttr("id");
+ $wrapperDiv.append($formByClone, $formByHTML);
+
+ // Check change bubbling on the copied forms
+ $wrapperDiv.find("form select[name=select1]").val("2").change();
+
+ // Clean up
+ $wrapperDiv.remove();
+ $fixture.off("change", "form", delegatedChange);
});
- $elem.trigger('mouseenter');
+ test("trigger(eventObject, [data], [fn])", function () {
+ expect(28);
- $elem.trigger('mouseleave');
+ var $parent = jQuery("").appendTo("body"),
+ $child = jQuery("")
+ .on("click", function () {
+ ok(true, "click fired on div");
+ })
+ .find("p")
+ .on("click", function () {
+ ok(true, "click fired on p");
+ })
+ .click()
+ .off("click")
+ .end()
+ .off("click")
+ .remove();
- $parent.bind("foo", function (e) {
- // Tries bubbling
- equal(e.type, "foo", "Verify event type when passed passing an event object");
- equal(e.target.id, "child", "Verify event.target when passed passing an event object");
- equal(e.currentTarget.id, "par", "Verify event.currentTarget when passed passing an event object");
- equal(e.secret, "boo!", "Verify event object's custom attribute when passed passing an event object");
+ jQuery(window).off("click");
});
- // test with an event object
- event = new jQuery.Event("foo");
- event.secret = "boo!";
- $child.trigger(event);
+ test(".trigger() doesn't bubble load event (#10717)", function () {
+ expect(1);
- // test with a literal object
- $child.trigger({type : "foo", secret : "boo!"});
+ jQuery(window).on("load", function () {
+ ok(false, "load fired on window");
+ });
- $parent.unbind();
+ // It's not an image, but as long as it fires load...
+ jQuery('
')
+ .appendTo("body")
+ .on("load", function () {
+ ok(true, "load fired on img");
+ })
+ .trigger("load")
+ .remove();
- function error() {
- ok(false, "This assertion shouldn't be reached");
- }
+ jQuery(window).off("load");
+ });
- $parent.bind("foo", error);
+ test("Delegated events in SVG (#10791)", function () {
+ expect(2);
- $child.bind("foo", function (e, a, b, c) {
- equal(arguments.length, 4, "Check arguments length");
- equal(a, 1, "Check first custom argument");
- equal(b, 2, "Check second custom argument");
- equal(c, 3, "Check third custom argument");
+ var svg = jQuery(
+ ''
+ ).appendTo("body");
+
+ jQuery("body")
+ .on("click", "#svg-by-id", function () {
+ ok(true, "delegated id selector");
+ })
+ .on("click", "[class~='svg-by-class']", function () {
+ ok(true, "delegated class selector");
+ })
+ .find("#svg-by-id, [class~='svg-by-class']")
+ .trigger("click")
+ .end()
+ .off("click");
+
+ svg.remove();
+ });
+
+ test("Delegated events in forms (#10844; #11145; #8165; #11382, #11764)", function () {
+ expect(5);
+
+ // Alias names like "id" cause havoc
+ var form = jQuery(
+ ''
+ )
+ .on("submit", function (event) {
+ event.preventDefault();
+ })
+ .appendTo("body");
+
+ jQuery("body")
+ .on("submit", "#myform", function () {
+ ok(true, "delegated id selector with aliased id");
+ })
+ .find("#myform")
+ .trigger("submit")
+ .end()
+ .off("submit");
+
+ form.append('');
+ jQuery("body")
+ .on("submit", "#myform", function () {
+ ok(true, "delegated id selector with aliased disabled");
+ })
+ .find("#myform")
+ .trigger("submit")
+ .end()
+ .off("submit");
+
+ form
+ .append('')
+ .on("click", "#nestyDisabledBtn", function () {
+ ok(true, "click on enabled/disabled button with nesty elements");
+ })
+ .on("mouseover", "#nestyDisabledBtn", function () {
+ ok(true, "mouse on enabled/disabled button with nesty elements");
+ })
+ .find("span")
+ .trigger("click")// yep
+ .trigger("mouseover")// yep
+ .end()
+ .find("#nestyDisabledBtn").prop("disabled", true).end()
+ .find("span")
+ .trigger("click")// nope
+ .trigger("mouseover")// yep
+ .end()
+ .off("click");
+
+ form.remove();
+ });
+
+ test("Submit event can be stopped (#11049)", function () {
+ expect(1);
+
+ // Since we manually bubble in IE, make sure inner handlers get a chance to cancel
+ var form = jQuery(
+ ''
+ )
+ .appendTo("body");
+
+ jQuery("body")
+ .on("submit", function () {
+ ok(true, "submit bubbled on first handler");
+ return false;
+ })
+ .find("#myform input[type=submit]")
+ .each(function () {
+ this.click();
+ })
+ .end()
+ .on("submit", function () {
+ ok(false, "submit bubbled on second handler");
+ return false;
+ })
+ .find("#myform input[type=submit]")
+ .each(function () {
+ jQuery(this.form).on("submit", function (e) {
+ e.preventDefault();
+ e.stopPropagation();
+ });
+ this.click();
+ })
+ .end()
+ .off("submit");
+
+ form.remove();
+ });
+
+ test("on(beforeunload) creates/deletes window property instead of adding/removing event listener", function () {
+ expect(3);
+
+ equal(window.onbeforeunload, null, "window property is null/undefined up until now");
+
+ var handle = function () {
+ };
+ jQuery(window).on("beforeunload", handle);
- equal(e.isDefaultPrevented(), false, "Verify isDefaultPrevented");
- equal(e.isPropagationStopped(), false, "Verify isPropagationStopped");
- equal(e.isImmediatePropagationStopped(), false, "Verify isImmediatePropagationStopped");
+ equal(typeof window.onbeforeunload, "function", "window property is set to a function");
- // Skips both errors
- e.stopImmediatePropagation();
+ jQuery(window).off("beforeunload", handle);
- return "result";
+ equal(window.onbeforeunload, null, "window property has been unset to null/undefined");
});
- // We should add this back in when we want to test the order
- // in which event handlers are iterated.
- //$child.bind("foo", error );
+ test("jQuery.Event( type, props )", function () {
- event = new jQuery.Event("foo");
- $child.trigger(event, [1, 2, 3]).unbind();
- equal(event.result, "result", "Check event.result attribute");
+ expect(5);
- // Will error if it bubbles
- $child.triggerHandler("foo");
+ var event = jQuery.Event("keydown", { keyCode : 64 }),
+ handler = function (event) {
+ ok("keyCode" in event, "Special property 'keyCode' exists");
+ equal(event.keyCode, 64, "event.keyCode has explicit value '64'");
+ };
- $child.unbind();
- $parent.unbind().remove();
+ // Supports jQuery.Event implementation
+ equal(event.type, "keydown", "Verify type");
- // Ensure triggerHandler doesn't molest its event object (#xxx)
- var event = jQuery.Event("zowie");
- jQuery(document).triggerHandler(event);
- equal(event.type, "zowie", "Verify its type");
- equal(event.isPropagationStopped(), false, "propagation not stopped");
- equal(event.isDefaultPrevented(), false, "default not prevented");
- });
+ // ensure "type" in props won't clobber the one set by constructor
+ equal(jQuery.inArray("type", jQuery.event.props), -1, "'type' property not in props (#10375)");
- test(".trigger() bubbling on disconnected elements (#10489)", function () {
- expect(2);
+ ok("keyCode" in event, "Special 'keyCode' property exists");
- jQuery(window).on("click", function () {
- ok(false, "click fired on window");
- });
+ jQuery("body").bind("keydown", handler).trigger(event);
- jQuery("")
- .on("click", function () {
- ok(true, "click fired on div");
- })
- .find("p")
- .on("click", function () {
- ok(true, "click fired on p");
- })
- .click()
- .off("click")
- .end()
- .off("click")
- .remove();
-
- jQuery(window).off("click");
- });
-
- test(".trigger() doesn't bubble load event (#10717)", function () {
- expect(1);
-
- jQuery(window).on("load", function () {
- ok(false, "load fired on window");
- });
-
- // It's not an image, but as long as it fires load...
- jQuery('')
- .appendTo("body")
- .on("load", function () {
- ok(true, "load fired on img");
- })
- .trigger("load")
- .remove();
-
- jQuery(window).off("load");
- });
+ jQuery("body").unbind("keydown");
- test("Delegated events in SVG (#10791)", function () {
- expect(2);
+ });
- var svg = jQuery(
- ''
- ).appendTo("body");
-
- jQuery("body")
- .on("click", "#svg-by-id", function () {
- ok(true, "delegated id selector");
- })
- .on("click", ".svg-by-class", function () {
- ok(true, "delegated class selector");
- })
- .find("#svg-by-id, .svg-by-class")
- .trigger("click")
- .end()
- .off("click");
-
- svg.remove();
- });
-
- test("jQuery.Event( type, props )", function () {
-
- expect(5);
-
- var event = jQuery.Event("keydown", { keyCode : 64 }),
- handler = function (event) {
- ok("keyCode" in event, "Special property 'keyCode' exists");
- equal(event.keyCode, 64, "event.keyCode has explicit value '64'");
- };
- // Supports jQuery.Event implementation
- equal(event.type, "keydown", "Verify type");
-
- // ensure "type" in props won't clobber the one set by constructor
- equal(jQuery.inArray("type", jQuery.event.props), -1, "'type' property not in props (#10375)");
-
- ok("keyCode" in event, "Special 'keyCode' property exists");
-
- jQuery("body").bind("keydown", handler).trigger(event);
-
- jQuery("body").unbind("keydown");
-
-// jQuery.extend(ev, { keyCode : 52 })
-// // ev['keyCode'] = 42;
-// var ev = jQuery.Event('click');
-// ev.keyCode = 42;
-// console.log(ev);
- });
-
- test("jQuery.Event.currentTarget", function () {
- expect(2);
-
- jQuery(' ").toggle(fns[0], fns[1], fns[2]);
- $div.click();
- equal(turn, 1, "Trying toggle with 3 functions, attempt 1 yields 1");
- $div.click();
- equal(turn, 2, "Trying toggle with 3 functions, attempt 2 yields 2");
- $div.click();
- equal(turn, 3, "Trying toggle with 3 functions, attempt 3 yields 3");
- $div.click();
- equal(turn, 1, "Trying toggle with 3 functions, attempt 4 yields 1");
- $div.click();
- equal(turn, 2, "Trying toggle with 3 functions, attempt 5 yields 2");
-
- $div.unbind("click", fns[0]);
- var data = jQuery._data($div[0], "events");
- ok(!data, "Unbinding one function from toggle unbinds them all");
-
- // manually clean up detached elements
- $div.remove();
-
- // Test Multi-Toggles
- var a = [], b = [];
- $div = jQuery("");
- $div.toggle(function () {
- a.push(1);
- }, function () {
- a.push(2);
- });
- $div.click();
- deepEqual(a, [1], "Check that a click worked.");
-
- $div.toggle(function () {
- b.push(1);
- }, function () {
- b.push(2);
- });
- $div.click();
- deepEqual(a, [1, 2], "Check that a click worked with a second toggle.");
- deepEqual(b, [1], "Check that a click worked with a second toggle.");
-
- $div.click();
- deepEqual(a, [1, 2, 1], "Check that a click worked with a second toggle, second click.");
- deepEqual(b, [1, 2], "Check that a click worked with a second toggle, second click.");
-
- // manually clean up detached elements
- $div.remove();
- });
-
- test(".live()/.die()", function () {
- expect(66);
-
- var submit = 0, div = 0, livea = 0, liveb = 0;
-
- jQuery("div").live("submit", function () {
- submit++;
- return false;
- });
- jQuery("div").live("click", function () {
- div++;
- });
- jQuery("div#nothiddendiv").live("click", function () {
- livea++;
- });
- jQuery("div#nothiddendivchild").live("click", function () {
- liveb++;
- });
-
- // Nothing should trigger on the body
- jQuery("body").trigger("click");
- equal(submit, 0, "Click on body");
- equal(div, 0, "Click on body");
- equal(livea, 0, "Click on body");
- equal(liveb, 0, "Click on body");
-
- // This should trigger two events
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendiv").trigger("click");
- equal(submit, 0, "Click on div");
- equal(div, 1, "Click on div");
- equal(livea, 1, "Click on div");
- equal(liveb, 0, "Click on div");
-
- // This should trigger three events (w/ bubbling)
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendivchild").trigger("click");
- equal(submit, 0, "Click on inner div");
- equal(div, 2, "Click on inner div");
- equal(livea, 1, "Click on inner div");
- equal(liveb, 1, "Click on inner div");
-
- // This should trigger one submit
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendivchild").trigger("submit");
- equal(submit, 1, "Submit on div");
- equal(div, 0, "Submit on div");
- equal(livea, 0, "Submit on div");
- equal(liveb, 0, "Submit on div");
-
- // Make sure no other events were removed in the process
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendivchild").trigger("click");
- equal(submit, 0, "die Click on inner div");
- equal(div, 2, "die Click on inner div");
- equal(livea, 1, "die Click on inner div");
- equal(liveb, 1, "die Click on inner div");
-
- // Now make sure that the removal works
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendivchild").die("click");
- jQuery("div#nothiddendivchild").trigger("click");
- equal(submit, 0, "die Click on inner div");
- equal(div, 2, "die Click on inner div");
- equal(livea, 1, "die Click on inner div");
- equal(liveb, 0, "die Click on inner div");
-
- // Make sure that the click wasn't removed too early
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendiv").trigger("click");
- equal(submit, 0, "die Click on inner div");
- equal(div, 1, "die Click on inner div");
- equal(livea, 1, "die Click on inner div");
- equal(liveb, 0, "die Click on inner div");
-
- // Make sure that stopPropgation doesn't stop live events
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendivchild").live("click", function (e) {
- liveb++;
- e.stopPropagation();
- });
- jQuery("div#nothiddendivchild").trigger("click");
- equal(submit, 0, "stopPropagation Click on inner div");
- equal(div, 1, "stopPropagation Click on inner div");
- equal(livea, 0, "stopPropagation Click on inner div");
- equal(liveb, 1, "stopPropagation Click on inner div");
-
- // Make sure click events only fire with primary click
- submit = 0, div = 0, livea = 0, liveb = 0;
- var event = jQuery.Event("click");
- event.button = 1;
- jQuery("div#nothiddendiv").trigger(event);
-
- equal(livea, 0, "live secondary click");
-
- jQuery("div#nothiddendivchild").die("click");
- jQuery("div#nothiddendiv").die("click");
- jQuery("div").die("click");
- jQuery("div").die("submit");
-
- // Test binding with a different context
- var clicked = 0, container = jQuery("#qunit-fixture")[0];
- jQuery("#foo", container).live("click", function (e) {
- clicked++;
- });
- jQuery("div").trigger("click");
- jQuery("#foo").trigger("click");
- jQuery("#qunit-fixture").trigger("click");
- jQuery("body").trigger("click");
- equal(clicked, 2, "live with a context");
-
- // Test unbinding with a different context
- jQuery("#foo", container).die("click");
- jQuery("#foo").trigger("click");
- equal(clicked, 2, "die with a context");
-
- // Test binding with event data
- jQuery("#foo").live("click", true, function (e) {
- equal(e.data, true, "live with event data");
- });
- jQuery("#foo").trigger("click").die("click");
-
- // Test binding with trigger data
- jQuery("#foo").live("click", function (e, data) {
- equal(data, true, "live with trigger data");
- });
- jQuery("#foo").trigger("click", true).die("click");
-
- // Test binding with different this object
- jQuery("#foo").live("click", jQuery.proxy(function (e) {
- equal(this.foo, "bar", "live with event scope");
- }, { foo : "bar" }));
- jQuery("#foo").trigger("click").die("click");
-
- // Test binding with different this object, event data, and trigger data
- jQuery("#foo").live("click", true, jQuery.proxy(function (e, data) {
- equal(e.data, true, "live with with different this object, event data, and trigger data");
- equal(this.foo, "bar", "live with with different this object, event data, and trigger data");
- equal(data, true, "live with with different this object, event data, and trigger data")
- }, { foo : "bar" }));
- jQuery("#foo").trigger("click", true).die("click");
-
- // Verify that return false prevents default action
- jQuery("#anchor2").live("click", function () {
- return false;
- });
- var hash = window.location.hash;
- jQuery("#anchor2").trigger("click");
- equal(window.location.hash, hash, "return false worked");
- jQuery("#anchor2").die("click");
-
- // Verify that .preventDefault() prevents default action
- jQuery("#anchor2").live("click", function (e) {
- e.preventDefault();
- });
- var hash = window.location.hash;
- jQuery("#anchor2").trigger("click");
- equal(window.location.hash, hash, "e.preventDefault() worked");
- jQuery("#anchor2").die("click");
-
- // Test binding the same handler to multiple points
- var called = 0;
-
- function callback() {
- called++;
- return false;
- }
-
- jQuery("#nothiddendiv").live("click", callback);
- jQuery("#anchor2").live("click", callback);
-
- jQuery("#nothiddendiv").trigger("click");
- equal(called, 1, "Verify that only one click occurred.");
-
- called = 0;
- jQuery("#anchor2").trigger("click");
- equal(called, 1, "Verify that only one click occurred.");
-
- // Make sure that only one callback is removed
- jQuery("#anchor2").die("click", callback);
-
- called = 0;
- jQuery("#nothiddendiv").trigger("click");
- equal(called, 1, "Verify that only one click occurred.");
-
- called = 0;
- jQuery("#anchor2").trigger("click");
- equal(called, 0, "Verify that no click occurred.");
-
- // Make sure that it still works if the selector is the same,
- // but the event type is different
- jQuery("#nothiddendiv").live("foo", callback);
+ var turn = 0;
+ var fns = [
+ function () {
+ turn = 1;
+ },
+ function () {
+ turn = 2;
+ },
+ function () {
+ turn = 3;
+ }
+ ];
+
+ var $div = jQuery(" ").toggle(fns[0], fns[1], fns[2]);
+ $div.click();
+ equal(turn, 1, "Trying toggle with 3 functions, attempt 1 yields 1");
+ $div.click();
+ equal(turn, 2, "Trying toggle with 3 functions, attempt 2 yields 2");
+ $div.click();
+ equal(turn, 3, "Trying toggle with 3 functions, attempt 3 yields 3");
+ $div.click();
+ equal(turn, 1, "Trying toggle with 3 functions, attempt 4 yields 1");
+ $div.click();
+ equal(turn, 2, "Trying toggle with 3 functions, attempt 5 yields 2");
+
+ $div.unbind("click", fns[0]);
+ var data = jQuery._data($div[0], "events");
+ ok(!data, "Unbinding one function from toggle unbinds them all");
+
+ // manually clean up detached elements
+ $div.remove();
+
+ // Test Multi-Toggles
+ var a = [], b = [];
+ $div = jQuery("");
+ $div.toggle(function () {
+ a.push(1);
+ }, function () {
+ a.push(2);
+ });
+ $div.click();
+ deepEqual(a, [1], "Check that a click worked.");
- // Cleanup
- jQuery("#nothiddendiv").die("click", callback);
-
- called = 0;
- jQuery("#nothiddendiv").trigger("click");
- equal(called, 0, "Verify that no click occurred.");
+ $div.toggle(function () {
+ b.push(1);
+ }, function () {
+ b.push(2);
+ });
+ $div.click();
+ deepEqual(a, [1, 2], "Check that a click worked with a second toggle.");
+ deepEqual(b, [1], "Check that a click worked with a second toggle.");
- called = 0;
- jQuery("#nothiddendiv").trigger("foo");
- equal(called, 1, "Verify that one foo occurred.");
+ $div.click();
+ deepEqual(a, [1, 2, 1], "Check that a click worked with a second toggle, second click.");
+ deepEqual(b, [1, 2], "Check that a click worked with a second toggle, second click.");
- // Cleanup
- jQuery("#nothiddendiv").die("foo", callback);
+ // manually clean up detached elements
+ $div.remove();
+ });
- // Make sure we don't loose the target by DOM modifications
- // after the bubble already reached the liveHandler
- var livec = 0, elemDiv = jQuery("#nothiddendivchild").html("").get(0);
+ test(".live()/.die()", function () {
+ expect(66);
- jQuery("#nothiddendivchild").live("click", function (e) {
- jQuery("#nothiddendivchild").html("");
- });
- jQuery("#nothiddendivchild").live("click", function (e) {
- if (e.target) {
- livec++;
- }
- });
+ var submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("#nothiddendiv span").click();
- equal(jQuery("#nothiddendiv span").length, 0, "Verify that first handler occurred and modified the DOM.");
- equal(livec, 1, "Verify that second handler occurred even with nuked target.");
+ jQuery("div").live("submit", function () {
+ submit++;
+ return false;
+ });
+ jQuery("div").live("click", function () {
+ div++;
+ });
+ jQuery("div#nothiddendiv").live("click", function () {
+ livea++;
+ });
+ jQuery("div#nothiddendivchild").live("click", function () {
+ liveb++;
+ });
- // Cleanup
- jQuery("#nothiddendivchild").die("click");
+ // Nothing should trigger on the body
+ jQuery("body").trigger("click");
+ equal(submit, 0, "Click on body");
+ equal(div, 0, "Click on body");
+ equal(livea, 0, "Click on body");
+ equal(liveb, 0, "Click on body");
+
+ // This should trigger two events
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendiv").trigger("click");
+ equal(submit, 0, "Click on div");
+ equal(div, 1, "Click on div");
+ equal(livea, 1, "Click on div");
+ equal(liveb, 0, "Click on div");
+
+ // This should trigger three events (w/ bubbling)
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendivchild").trigger("click");
+ equal(submit, 0, "Click on inner div");
+ equal(div, 2, "Click on inner div");
+ equal(livea, 1, "Click on inner div");
+ equal(liveb, 1, "Click on inner div");
+
+ // This should trigger one submit
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendivchild").trigger("submit");
+ equal(submit, 1, "Submit on div");
+ equal(div, 0, "Submit on div");
+ equal(livea, 0, "Submit on div");
+ equal(liveb, 0, "Submit on div");
+
+ // Make sure no other events were removed in the process
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendivchild").trigger("click");
+ equal(submit, 0, "die Click on inner div");
+ equal(div, 2, "die Click on inner div");
+ equal(livea, 1, "die Click on inner div");
+ equal(liveb, 1, "die Click on inner div");
+
+ // Now make sure that the removal works
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendivchild").die("click");
+ jQuery("div#nothiddendivchild").trigger("click");
+ equal(submit, 0, "die Click on inner div");
+ equal(div, 2, "die Click on inner div");
+ equal(livea, 1, "die Click on inner div");
+ equal(liveb, 0, "die Click on inner div");
+
+ // Make sure that the click wasn't removed too early
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendiv").trigger("click");
+ equal(submit, 0, "die Click on inner div");
+ equal(div, 1, "die Click on inner div");
+ equal(livea, 1, "die Click on inner div");
+ equal(liveb, 0, "die Click on inner div");
+
+ // Make sure that stopPropgation doesn't stop live events
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendivchild").live("click", function (e) {
+ liveb++;
+ e.stopPropagation();
+ });
+ jQuery("div#nothiddendivchild").trigger("click");
+ equal(submit, 0, "stopPropagation Click on inner div");
+ equal(div, 1, "stopPropagation Click on inner div");
+ equal(livea, 0, "stopPropagation Click on inner div");
+ equal(liveb, 1, "stopPropagation Click on inner div");
+
+ // Make sure click events only fire with primary click
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ var event = jQuery.Event("click");
+ event.button = 1;
+ jQuery("div#nothiddendiv").trigger(event);
+
+ equal(livea, 0, "live secondary click");
+
+ jQuery("div#nothiddendivchild").die("click");
+ jQuery("div#nothiddendiv").die("click");
+ jQuery("div").die("click");
+ jQuery("div").die("submit");
+
+ // Test binding with a different context
+ var clicked = 0, container = jQuery("#qunit-fixture")[0];
+ jQuery("#foo", container).live("click", function (e) {
+ clicked++;
+ });
+ jQuery("div").trigger("click");
+ jQuery("#foo").trigger("click");
+ jQuery("#qunit-fixture").trigger("click");
+ jQuery("body").trigger("click");
+ equal(clicked, 2, "live with a context");
+
+ // Test unbinding with a different context
+ jQuery("#foo", container).die("click");
+ jQuery("#foo").trigger("click");
+ equal(clicked, 2, "die with a context");
+
+ // Test binding with event data
+ jQuery("#foo").live("click", true, function (e) {
+ equal(e.data, true, "live with event data");
+ });
+ jQuery("#foo").trigger("click").die("click");
- // Verify that .live() ocurs and cancel buble in the same order as
- // we would expect .bind() and .click() without delegation
- var lived = 0, livee = 0;
+ // Test binding with trigger data
+ jQuery("#foo").live("click", function (e, data) {
+ equal(data, true, "live with trigger data");
+ });
+ jQuery("#foo").trigger("click", true).die("click");
+
+ // Test binding with different this object
+ jQuery("#foo").live("click", jQuery.proxy(function (e) {
+ equal(this.foo, "bar", "live with event scope");
+ }, { foo : "bar" }));
+ jQuery("#foo").trigger("click").die("click");
+
+ // Test binding with different this object, event data, and trigger data
+ jQuery("#foo").live("click", true, jQuery.proxy(function (e, data) {
+ equal(e.data, true, "live with with different this object, event data, and trigger data");
+ equal(this["foo"], "bar", "live with with different this object, event data, and trigger data");
+ equal(data, true, "live with with different this object, event data, and trigger data");
+ }, { "foo" : "bar" }));
+ jQuery("#foo").trigger("click", true).die("click");
+
+ // Verify that return false prevents default action
+ jQuery("#anchor2").live("click", function () {
+ return false;
+ });
+ var hash = window.location.hash;
+ jQuery("#anchor2").trigger("click");
+ equal(window.location.hash, hash, "return false worked");
+ jQuery("#anchor2").die("click");
+
+ // Verify that .preventDefault() prevents default action
+ jQuery("#anchor2").live("click", function (e) {
+ e.preventDefault();
+ });
+ hash = window.location.hash;
+ jQuery("#anchor2").trigger("click");
+ equal(window.location.hash, hash, "e.preventDefault() worked");
+ jQuery("#anchor2").die("click");
- // bind one pair in one order
- jQuery("span#liveSpan1 a").live("click", function () {
- lived++;
- return false;
- });
- jQuery("span#liveSpan1").live("click", function () {
- livee++;
- });
+ // Test binding the same handler to multiple points
+ var called = 0;
- jQuery("span#liveSpan1 a").click();
- equal(lived, 1, "Verify that only one first handler occurred.");
- equal(livee, 0, "Verify that second handler doesn't.");
+ function callback() {
+ called++;
+ return false;
+ }
- // and one pair in inverse
- jQuery("span#liveSpan2").live("click", function () {
- livee++;
- });
- jQuery("span#liveSpan2 a").live("click", function () {
- lived++;
- return false;
- });
+ jQuery("#nothiddendiv").live("click", callback);
+ jQuery("#anchor2").live("click", callback);
- lived = 0;
- livee = 0;
- jQuery("span#liveSpan2 a").click();
- equal(lived, 1, "Verify that only one first handler occurred.");
- equal(livee, 0, "Verify that second handler doesn't.");
+ jQuery("#nothiddendiv").trigger("click");
+ equal(called, 1, "Verify that only one click occurred.");
- // Cleanup
- jQuery("span#liveSpan1 a").die("click")
- jQuery("span#liveSpan1").die("click");
- jQuery("span#liveSpan2 a").die("click");
- jQuery("span#liveSpan2").die("click");
+ called = 0;
+ jQuery("#anchor2").trigger("click");
+ equal(called, 1, "Verify that only one click occurred.");
- // Test this, target and currentTarget are correct
- jQuery("span#liveSpan1").live("click", function (e) {
- equal(this.id, "liveSpan1", "Check the this within a live handler");
- equal(e.currentTarget.id, "liveSpan1", "Check the event.currentTarget within a live handler");
- equal(e.delegateTarget, document, "Check the event.delegateTarget within a live handler");
- equal(e.target.nodeName.toUpperCase(), "A", "Check the event.target within a live handler");
- });
+ // Make sure that only one callback is removed
+ jQuery("#anchor2").die("click", callback);
- jQuery("span#liveSpan1 a").click();
+ called = 0;
+ jQuery("#nothiddendiv").trigger("click");
+ equal(called, 1, "Verify that only one click occurred.");
- jQuery("span#liveSpan1").die("click");
+ called = 0;
+ jQuery("#anchor2").trigger("click");
+ equal(called, 0, "Verify that no click occurred.");
- // Work with deep selectors
- livee = 0;
+ // Make sure that it still works if the selector is the same,
+ // but the event type is different
+ jQuery("#nothiddendiv").live("foo", callback);
- function clickB() {
- livee++;
- }
+ // Cleanup
+ jQuery("#nothiddendiv").die("click", callback);
- jQuery("#nothiddendiv div").live("click", function () {
- livee++;
- });
- jQuery("#nothiddendiv div").live("click", clickB);
- jQuery("#nothiddendiv div").live("mouseover", function () {
- livee++;
- });
+ called = 0;
+ jQuery("#nothiddendiv").trigger("click");
+ equal(called, 0, "Verify that no click occurred.");
- equal(livee, 0, "No clicks, deep selector.");
+ called = 0;
+ jQuery("#nothiddendiv").trigger("foo");
+ equal(called, 1, "Verify that one foo occurred.");
- livee = 0;
- jQuery("#nothiddendivchild").trigger("click");
- equal(livee, 2, "Click, deep selector.");
+ // Cleanup
+ jQuery("#nothiddendiv").die("foo", callback);
- livee = 0;
- jQuery("#nothiddendivchild").trigger("mouseover");
- equal(livee, 1, "Mouseover, deep selector.");
+ // Make sure we don't loose the target by DOM modifications
+ // after the bubble already reached the liveHandler
+ var livec = 0, elemDiv = jQuery("#nothiddendivchild").html("").get(0);
- jQuery("#nothiddendiv div").die("mouseover");
+ jQuery("#nothiddendivchild").live("click", function (e) {
+ jQuery("#nothiddendivchild").html("");
+ });
+ jQuery("#nothiddendivchild").live("click", function (e) {
+ if (e.target) {
+ livec++;
+ }
+ });
- livee = 0;
- jQuery("#nothiddendivchild").trigger("click");
- equal(livee, 2, "Click, deep selector.");
+ jQuery("#nothiddendiv span").click();
+ equal(jQuery("#nothiddendiv span").length, 0, "Verify that first handler occurred and modified the DOM.");
+ equal(livec, 1, "Verify that second handler occurred even with nuked target.");
- livee = 0;
- jQuery("#nothiddendivchild").trigger("mouseover");
- equal(livee, 0, "Mouseover, deep selector.");
+ // Cleanup
+ jQuery("#nothiddendivchild").die("click");
- jQuery("#nothiddendiv div").die("click", clickB);
+ // Verify that .live() ocurs and cancel buble in the same order as
+ // we would expect .bind() and .click() without delegation
+ var lived = 0, livee = 0;
- livee = 0;
- jQuery("#nothiddendivchild").trigger("click");
- equal(livee, 1, "Click, deep selector.");
+ // bind one pair in one order
+ jQuery("span#liveSpan1 a").live("click", function () {
+ lived++;
+ return false;
+ });
+ jQuery("span#liveSpan1").live("click", function () {
+ livee++;
+ });
- jQuery("#nothiddendiv div").die("click");
+ jQuery("span#liveSpan1 a").click();
+ equal(lived, 1, "Verify that only one first handler occurred.");
+ equal(livee, 0, "Verify that second handler doesn't.");
- // blur a non-input element, we should force-fire its handlers
- // regardless of whether it's burring or not (unlike browsers)
- jQuery("#nothiddendiv div")
- .live("blur", function () {
- ok(true, "Live div trigger blur.");
- })
- .trigger("blur")
- .die("blur");
- });
+ // and one pair in inverse
+ jQuery("span#liveSpan2").live("click", function () {
+ livee++;
+ });
+ jQuery("span#liveSpan2 a").live("click", function () {
+ lived++;
+ return false;
+ });
- test("die all bound events", function () {
- expect(1);
+ lived = 0;
+ livee = 0;
+ jQuery("span#liveSpan2 a").click();
+ equal(lived, 1, "Verify that only one first handler occurred.");
+ equal(livee, 0, "Verify that second handler doesn't.");
+
+ // Cleanup
+ jQuery("span#liveSpan1 a").die("click");
+ jQuery("span#liveSpan1").die("click");
+ jQuery("span#liveSpan2 a").die("click");
+ jQuery("span#liveSpan2").die("click");
+
+ // Test this, target and currentTarget are correct
+ jQuery("span#liveSpan1").live("click", function (e) {
+ equal(this.id, "liveSpan1", "Check the this within a live handler");
+ equal(e.currentTarget.id, "liveSpan1", "Check the event.currentTarget within a live handler");
+ equal(e.delegateTarget, document, "Check the event.delegateTarget within a live handler");
+ equal(e.target.nodeName.toUpperCase(), "A", "Check the event.target within a live handler");
+ });
- var count = 0;
- var div = jQuery("div#nothiddendivchild");
+ jQuery("span#liveSpan1 a").click();
- div.live("click submit", function () {
- count++;
- });
- div.die();
+ jQuery("span#liveSpan1").die("click");
- div.trigger("click");
- div.trigger("submit");
+ // Work with deep selectors
+ livee = 0;
- equal(count, 0, "Make sure no events were triggered.");
- });
+ function clickB() {
+ livee++;
+ }
- test("live with multiple events", function () {
- expect(1);
+ jQuery("#nothiddendiv div").live("click", function () {
+ livee++;
+ });
+ jQuery("#nothiddendiv div").live("click", clickB);
+ jQuery("#nothiddendiv div").live("mouseover", function () {
+ livee++;
+ });
- var count = 0;
- var div = jQuery("div#nothiddendivchild");
+ equal(livee, 0, "No clicks, deep selector.");
- div.live("click submit", function () {
- count++;
- });
+ livee = 0;
+ jQuery("#nothiddendivchild").trigger("click");
+ equal(livee, 2, "Click, deep selector.");
+
+ livee = 0;
+ jQuery("#nothiddendivchild").trigger("mouseover");
+ equal(livee, 1, "Mouseover, deep selector.");
- div.trigger("click");
- div.trigger("submit");
+ jQuery("#nothiddendiv div").die("mouseover");
- equal(count, 2, "Make sure both the click and submit were triggered.");
+ livee = 0;
+ jQuery("#nothiddendivchild").trigger("click");
+ equal(livee, 2, "Click, deep selector.");
- // manually clean up events from elements outside the fixture
- div.die();
- });
+ livee = 0;
+ jQuery("#nothiddendivchild").trigger("mouseover");
+ equal(livee, 0, "Mouseover, deep selector.");
- test("live with namespaces", function () {
- expect(15);
+ jQuery("#nothiddendiv div").die("click", clickB);
- var count1 = 0, count2 = 0;
+ livee = 0;
+ jQuery("#nothiddendivchild").trigger("click");
+ equal(livee, 1, "Click, deep selector.");
- jQuery("#liveSpan1").live("foo.bar", function (e) {
- equal(e.namespace, "bar", "namespace is bar");
- count1++;
+ jQuery("#nothiddendiv div").die("click");
+
+ // blur a non-input element, we should force-fire its handlers
+ // regardless of whether it's burring or not (unlike browsers)
+ jQuery("#nothiddendiv div")
+ .live("blur", function () {
+ ok(true, "Live div trigger blur.");
+ })
+ .trigger("blur")
+ .die("blur");
});
- jQuery("#liveSpan1").live("foo.zed", function (e) {
- equal(e.namespace, "zed", "namespace is zed");
- count2++;
+ test("die all bound events", function () {
+ expect(1);
+
+ var count = 0;
+ var div = jQuery("div#nothiddendivchild");
+
+ div.live("click submit", function () {
+ count++;
+ });
+ div.die();
+
+ div.trigger("click");
+ div.trigger("submit");
+
+ equal(count, 0, "Make sure no events were triggered.");
});
- jQuery("#liveSpan1").trigger("foo.bar");
- equal(count1, 1, "Got live foo.bar");
- equal(count2, 0, "Got live foo.bar");
+ test("live with multiple events", function () {
+ expect(1);
- count1 = 0, count2 = 0;
+ var count = 0;
+ var div = jQuery("div#nothiddendivchild");
- jQuery("#liveSpan1").trigger("foo.zed");
- equal(count1, 0, "Got live foo.zed");
- equal(count2, 1, "Got live foo.zed");
+ div.live("click submit", function () {
+ count++;
+ });
- //remove one
- count1 = 0, count2 = 0;
+ div.trigger("click");
+ div.trigger("submit");
- jQuery("#liveSpan1").die("foo.zed");
- jQuery("#liveSpan1").trigger("foo.bar");
+ equal(count, 2, "Make sure both the click and submit were triggered.");
- equal(count1, 1, "Got live foo.bar after dieing foo.zed");
- equal(count2, 0, "Got live foo.bar after dieing foo.zed");
+ // manually clean up events from elements outside the fixture
+ div.die();
+ });
- count1 = 0, count2 = 0;
+ test("live with namespaces", function () {
+ expect(15);
- jQuery("#liveSpan1").trigger("foo.zed");
- equal(count1, 0, "Got live foo.zed");
- equal(count2, 0, "Got live foo.zed");
+ var count1 = 0, count2 = 0;
- //remove the other
- jQuery("#liveSpan1").die("foo.bar");
+ jQuery("#liveSpan1").live("foo.bar", function (e) {
+ equal(e.namespace, "bar", "namespace is bar");
+ count1++;
+ });
- count1 = 0, count2 = 0;
+ jQuery("#liveSpan1").live("foo.zed", function (e) {
+ equal(e.namespace, "zed", "namespace is zed");
+ count2++;
+ });
- jQuery("#liveSpan1").trigger("foo.bar");
- equal(count1, 0, "Did not respond to foo.bar after dieing it");
- equal(count2, 0, "Did not respond to foo.bar after dieing it");
+ jQuery("#liveSpan1").trigger("foo.bar");
+ equal(count1, 1, "Got live foo.bar");
+ equal(count2, 0, "Got live foo.bar");
- jQuery("#liveSpan1").trigger("foo.zed");
- equal(count1, 0, "Did not trigger foo.zed again");
- equal(count2, 0, "Did not trigger foo.zed again");
- });
+ count1 = 0;
+ count2 = 0;
- test("live with change", function () {
- expect(8);
+ jQuery("#liveSpan1").trigger("foo.zed");
+ equal(count1, 0, "Got live foo.zed");
+ equal(count2, 1, "Got live foo.zed");
- var selectChange = 0, checkboxChange = 0;
+ //remove one
+ count1 = 0;
+ count2 = 0;
- var select = jQuery("select[name='S1']")
- select.live("change", function () {
- selectChange++;
- });
+ jQuery("#liveSpan1").die("foo.zed");
+ jQuery("#liveSpan1").trigger("foo.bar");
- var checkbox = jQuery("#check2"),
- checkboxFunction = function () {
- checkboxChange++;
- }
- checkbox.live("change", checkboxFunction);
+ equal(count1, 1, "Got live foo.bar after dieing foo.zed");
+ equal(count2, 0, "Got live foo.bar after dieing foo.zed");
- // test click on select
+ count1 = 0;
+ count2 = 0;
- // second click that changed it
- selectChange = 0;
- select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
- select.trigger("change");
- equal(selectChange, 1, "Change on click.");
+ jQuery("#liveSpan1").trigger("foo.zed");
+ equal(count1, 0, "Got live foo.zed");
+ equal(count2, 0, "Got live foo.zed");
- // test keys on select
- selectChange = 0;
- select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
- select.trigger("change");
- equal(selectChange, 1, "Change on keyup.");
+ //remove the other
+ jQuery("#liveSpan1").die("foo.bar");
- // test click on checkbox
- checkbox.trigger("change");
- equal(checkboxChange, 1, "Change on checkbox.");
+ count1 = 0;
+ count2 = 0;
- // test blur/focus on text
- var text = jQuery("#name"), textChange = 0, oldTextVal = text.val();
- text.live("change", function () {
- textChange++;
+ jQuery("#liveSpan1").trigger("foo.bar");
+ equal(count1, 0, "Did not respond to foo.bar after dieing it");
+ equal(count2, 0, "Did not respond to foo.bar after dieing it");
+
+ jQuery("#liveSpan1").trigger("foo.zed");
+ equal(count1, 0, "Did not trigger foo.zed again");
+ equal(count2, 0, "Did not trigger foo.zed again");
});
- text.val(oldTextVal + "foo");
- text.trigger("change");
- equal(textChange, 1, "Change on text input.");
+ test("live with change", function () {
+ expect(8);
- text.val(oldTextVal);
- text.die("change");
+ var selectChange = 0, checkboxChange = 0;
- // test blur/focus on password
- var password = jQuery("#name"), passwordChange = 0, oldPasswordVal = password.val();
- password.live("change", function () {
- passwordChange++;
- });
+ var select = jQuery("select[name='S1']");
+ select.live("change", function () {
+ selectChange++;
+ });
- password.val(oldPasswordVal + "foo");
- password.trigger("change");
- equal(passwordChange, 1, "Change on password input.");
+ var checkbox = jQuery("#check2"),
+ checkboxFunction = function () {
+ checkboxChange++;
+ };
+ checkbox.live("change", checkboxFunction);
+
+ // test click on select
+
+ // second click that changed it
+ selectChange = 0;
+ select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+ select.trigger("change");
+ equal(selectChange, 1, "Change on click.");
+
+ // test keys on select
+ selectChange = 0;
+ select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+ select.trigger("change");
+ equal(selectChange, 1, "Change on keyup.");
+
+ // test click on checkbox
+ checkbox.trigger("change");
+ equal(checkboxChange, 1, "Change on checkbox.");
+
+ // test blur/focus on text
+ var text = jQuery("#name"), textChange = 0, oldTextVal = text.val();
+ text.live("change", function () {
+ textChange++;
+ });
- password.val(oldPasswordVal);
- password.die("change");
+ text.val(oldTextVal + "foo");
+ text.trigger("change");
+ equal(textChange, 1, "Change on text input.");
- // make sure die works
+ text.val(oldTextVal);
+ text.die("change");
- // die all changes
- selectChange = 0;
- select.die("change");
- select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
- select.trigger("change");
- equal(selectChange, 0, "Die on click works.");
+ // test blur/focus on password
+ var password = jQuery("#name"), passwordChange = 0, oldPasswordVal = password.val();
+ password.live("change", function () {
+ passwordChange++;
+ });
- selectChange = 0;
- select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
- select.trigger("change");
- equal(selectChange, 0, "Die on keyup works.");
+ password.val(oldPasswordVal + "foo");
+ password.trigger("change");
+ equal(passwordChange, 1, "Change on password input.");
- // die specific checkbox
- checkbox.die("change", checkboxFunction);
- checkbox.trigger("change");
- equal(checkboxChange, 1, "Die on checkbox.");
- });
+ password.val(oldPasswordVal);
+ password.die("change");
- test("live with submit", function () {
- expect(7);
+ // make sure die works
- var count1 = 0, count2 = 0;
+ // die all changes
+ selectChange = 0;
+ select.die("change");
+ select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+ select.trigger("change");
+ equal(selectChange, 0, "Die on click works.");
- jQuery("#testForm").live("submit", function (ev) {
- count1++;
- ev.preventDefault();
- });
+ selectChange = 0;
+ select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+ select.trigger("change");
+ equal(selectChange, 0, "Die on keyup works.");
- jQuery("body").live("submit", function (ev) {
- count2++;
- ev.preventDefault();
+ // die specific checkbox
+ checkbox.die("change", checkboxFunction);
+ checkbox.trigger("change");
+ equal(checkboxChange, 1, "Die on checkbox.");
});
- jQuery("#testForm input[name=sub1]").submit();
- equal(count1, 1, "Verify form submit.");
- equal(count2, 1, "Verify body submit.");
+ test("live with submit", function () {
+ expect(7);
- jQuery("#testForm input[name=sub1]").live("click", function (ev) {
- ok(true, "cancelling submit still calls click handler");
- });
+ var count1 = 0, count2 = 0;
- jQuery("#testForm input[name=sub1]")[0].click();
- equal(count1, 2, "Verify form submit.");
- equal(count2, 2, "Verify body submit.");
+ jQuery("#testForm").live("submit", function (ev) {
+ count1++;
+ ev.preventDefault();
+ });
- jQuery("#testForm button[name=sub4]")[0].click();
- equal(count1, 3, "Verify form submit.");
- equal(count2, 3, "Verify body submit.");
+ jQuery("body").live("submit", function (ev) {
+ count2++;
+ ev.preventDefault();
+ });
- jQuery("#testForm").die("submit");
- jQuery("#testForm input[name=sub1]").die("click");
- jQuery("body").die("submit");
- });
+ jQuery("#testForm input[name=sub1]").submit();
+ equal(count1, 1, "Verify form submit.");
+ equal(count2, 1, "Verify body submit.");
- test("live with special events", function () {
- expect(13);
-
- jQuery.event.special.foo = {
- setup : function (data, namespaces, handler) {
- ok(true, "Setup run.");
- },
- teardown : function (namespaces) {
- ok(true, "Teardown run.");
- },
- add : function (handleObj) {
- ok(true, "Add run.");
- },
- remove : function (handleObj) {
- ok(true, "Remove run.");
- },
- _default : function (event, arg) {
- ok(event.type === "foo" && arg == 42, "Default run with correct args.");
- }
- };
-
- // Run: setup, add
- jQuery("#liveSpan1").live("foo.a", function (e) {
- ok(true, "Handler 1 run.");
- });
-
- // Run: add
- jQuery("#liveSpan1").live("foo.b", function (e) {
- ok(true, "Handler 2 run.");
- });
-
- // Run: Handler 1, Handler 2, Default
- jQuery("#liveSpan1").trigger("foo", 42);
-
- // Run: Handler 1, Default
- jQuery("#liveSpan1").trigger("foo.a", 42);
-
- // Run: remove
- jQuery("#liveSpan1").die("foo.a");
-
- // Run: Handler 2, Default
- jQuery("#liveSpan1").trigger("foo", 42);
-
- // Run: remove, teardown
- jQuery("#liveSpan1").die("foo");
-
- delete jQuery.event.special.foo;
- });
-
- test(".delegate()/.undelegate()", function () {
- expect(65);
-
- var submit = 0, div = 0, livea = 0, liveb = 0;
-
- jQuery("#body").delegate("div", "submit", function () {
- submit++;
- return false;
- });
- jQuery("#body").delegate("div", "click", function () {
- div++;
- });
- jQuery("#body").delegate("div#nothiddendiv", "click", function () {
- livea++;
- });
- jQuery("#body").delegate("div#nothiddendivchild", "click", function () {
- liveb++;
- });
-
- // Nothing should trigger on the body
- jQuery("body").trigger("click");
- equal(submit, 0, "Click on body");
- equal(div, 0, "Click on body");
- equal(livea, 0, "Click on body");
- equal(liveb, 0, "Click on body");
-
- // This should trigger two events
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendiv").trigger("click");
- equal(submit, 0, "Click on div");
- equal(div, 1, "Click on div");
- equal(livea, 1, "Click on div");
- equal(liveb, 0, "Click on div");
-
- // This should trigger three events (w/ bubbling)
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendivchild").trigger("click");
- equal(submit, 0, "Click on inner div");
- equal(div, 2, "Click on inner div");
- equal(livea, 1, "Click on inner div");
- equal(liveb, 1, "Click on inner div");
-
- // This should trigger one submit
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendivchild").trigger("submit");
- equal(submit, 1, "Submit on div");
- equal(div, 0, "Submit on div");
- equal(livea, 0, "Submit on div");
- equal(liveb, 0, "Submit on div");
-
- // Make sure no other events were removed in the process
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendivchild").trigger("click");
- equal(submit, 0, "undelegate Click on inner div");
- equal(div, 2, "undelegate Click on inner div");
- equal(livea, 1, "undelegate Click on inner div");
- equal(liveb, 1, "undelegate Click on inner div");
-
- // Now make sure that the removal works
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("#body").undelegate("div#nothiddendivchild", "click");
- jQuery("div#nothiddendivchild").trigger("click");
- equal(submit, 0, "undelegate Click on inner div");
- equal(div, 2, "undelegate Click on inner div");
- equal(livea, 1, "undelegate Click on inner div");
- equal(liveb, 0, "undelegate Click on inner div");
-
- // Make sure that the click wasn't removed too early
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("div#nothiddendiv").trigger("click");
- equal(submit, 0, "undelegate Click on inner div");
- equal(div, 1, "undelegate Click on inner div");
- equal(livea, 1, "undelegate Click on inner div");
- equal(liveb, 0, "undelegate Click on inner div");
-
- // Make sure that stopPropgation doesn't stop live events
- submit = 0, div = 0, livea = 0, liveb = 0;
- jQuery("#body").delegate("div#nothiddendivchild", "click", function (e) {
- liveb++;
- e.stopPropagation();
- });
- jQuery("div#nothiddendivchild").trigger("click");
- equal(submit, 0, "stopPropagation Click on inner div");
- equal(div, 1, "stopPropagation Click on inner div");
- equal(livea, 0, "stopPropagation Click on inner div");
- equal(liveb, 1, "stopPropagation Click on inner div");
-
- // Make sure click events only fire with primary click
- submit = 0, div = 0, livea = 0, liveb = 0;
- var event = jQuery.Event("click");
- event.button = 1;
- jQuery("div#nothiddendiv").trigger(event);
-
- equal(livea, 0, "delegate secondary click");
-
- jQuery("#body").undelegate("div#nothiddendivchild", "click");
- jQuery("#body").undelegate("div#nothiddendiv", "click");
- jQuery("#body").undelegate("div", "click");
- jQuery("#body").undelegate("div", "submit");
-
- // Test binding with a different context
- var clicked = 0, container = jQuery("#qunit-fixture")[0];
- jQuery("#qunit-fixture").delegate("#foo", "click", function (e) {
- clicked++;
- });
- jQuery("div").trigger("click");
- jQuery("#foo").trigger("click");
- jQuery("#qunit-fixture").trigger("click");
- jQuery("body").trigger("click");
- equal(clicked, 2, "delegate with a context");
-
- // Test unbinding with a different context
- jQuery("#qunit-fixture").undelegate("#foo", "click");
- jQuery("#foo").trigger("click");
- equal(clicked, 2, "undelegate with a context");
-
- // Test binding with event data
- jQuery("#body").delegate("#foo", "click", true, function (e) {
- equal(e.data, true, "delegate with event data");
- });
- jQuery("#foo").trigger("click");
- jQuery("#body").undelegate("#foo", "click");
-
- // Test binding with trigger data
- jQuery("#body").delegate("#foo", "click", function (e, data) {
- equal(data, true, "delegate with trigger data");
- });
- jQuery("#foo").trigger("click", true);
- jQuery("#body").undelegate("#foo", "click");
-
- // Test binding with different this object
- jQuery("#body").delegate("#foo", "click", jQuery.proxy(function (e) {
- equal(this.foo, "bar", "delegate with event scope");
- }, { foo : "bar" }));
- jQuery("#foo").trigger("click");
- jQuery("#body").undelegate("#foo", "click");
-
- // Test binding with different this object, event data, and trigger data
- jQuery("#body").delegate("#foo", "click", true, jQuery.proxy(function (e, data) {
- equal(e.data, true, "delegate with with different this object, event data, and trigger data");
- equal(this.foo, "bar", "delegate with with different this object, event data, and trigger data");
- equal(data, true, "delegate with with different this object, event data, and trigger data")
- }, { foo : "bar" }));
- jQuery("#foo").trigger("click", true);
- jQuery("#body").undelegate("#foo", "click");
-
- // Verify that return false prevents default action
- jQuery("#body").delegate("#anchor2", "click", function () {
- return false;
- });
- var hash = window.location.hash;
- jQuery("#anchor2").trigger("click");
- equal(window.location.hash, hash, "return false worked");
- jQuery("#body").undelegate("#anchor2", "click");
-
- // Verify that .preventDefault() prevents default action
- jQuery("#body").delegate("#anchor2", "click", function (e) {
- e.preventDefault();
- });
- var hash = window.location.hash;
- jQuery("#anchor2").trigger("click");
- equal(window.location.hash, hash, "e.preventDefault() worked");
- jQuery("#body").undelegate("#anchor2", "click");
-
- // Test binding the same handler to multiple points
- var called = 0;
-
- function callback() {
- called++;
- return false;
- }
-
- jQuery("#body").delegate("#nothiddendiv", "click", callback);
- jQuery("#body").delegate("#anchor2", "click", callback);
-
- jQuery("#nothiddendiv").trigger("click");
- equal(called, 1, "Verify that only one click occurred.");
-
- called = 0;
- jQuery("#anchor2").trigger("click");
- equal(called, 1, "Verify that only one click occurred.");
-
- // Make sure that only one callback is removed
- jQuery("#body").undelegate("#anchor2", "click", callback);
-
- called = 0;
- jQuery("#nothiddendiv").trigger("click");
- equal(called, 1, "Verify that only one click occurred.");
-
- called = 0;
- jQuery("#anchor2").trigger("click");
- equal(called, 0, "Verify that no click occurred.");
-
- // Make sure that it still works if the selector is the same,
- // but the event type is different
- jQuery("#body").delegate("#nothiddendiv", "foo", callback);
-
- // Cleanup
- jQuery("#body").undelegate("#nothiddendiv", "click", callback);
-
- called = 0;
- jQuery("#nothiddendiv").trigger("click");
- equal(called, 0, "Verify that no click occurred.");
-
- called = 0;
- jQuery("#nothiddendiv").trigger("foo");
- equal(called, 1, "Verify that one foo occurred.");
-
- // Cleanup
- jQuery("#body").undelegate("#nothiddendiv", "foo", callback);
+ jQuery("#testForm input[name=sub1]").live("click", function (ev) {
+ ok(true, "cancelling submit still calls click handler");
+ });
- // Make sure we don't loose the target by DOM modifications
- // after the bubble already reached the liveHandler
- var livec = 0, elemDiv = jQuery("#nothiddendivchild").html("").get(0);
+ jQuery("#testForm input[name=sub1]")[0].click();
+ equal(count1, 2, "Verify form submit.");
+ equal(count2, 2, "Verify body submit.");
+
+ jQuery("#testForm button[name=sub4]")[0].click();
+ equal(count1, 3, "Verify form submit.");
+ equal(count2, 3, "Verify body submit.");
+
+ jQuery("#testForm").die("submit");
+ jQuery("#testForm input[name=sub1]").die("click");
+ jQuery("body").die("submit");
+ });
+
+ test("live with special events", function () {
+ expect(13);
+
+ jQuery.event.special["foo"] = {
+ setup : function (data, namespaces, handler) {
+ ok(true, "Setup run.");
+ },
+ teardown : function (namespaces) {
+ ok(true, "Teardown run.");
+ },
+ add : function (handleObj) {
+ ok(true, "Add run.");
+ },
+ remove : function (handleObj) {
+ ok(true, "Remove run.");
+ },
+ _default : function (event, arg) {
+ ok(event.type === "foo" && arg == 42, "Default run with correct args.");
+ }
+ };
- jQuery("#body").delegate("#nothiddendivchild", "click", function (e) {
- jQuery("#nothiddendivchild").html("");
- });
- jQuery("#body").delegate("#nothiddendivchild", "click", function (e) {
- if (e.target) {
- livec++;
- }
- });
+ // Run: setup, add
+ jQuery("#liveSpan1").live("foo.a", function (e) {
+ ok(true, "Handler 1 run.");
+ });
- jQuery("#nothiddendiv span").click();
- equal(jQuery("#nothiddendiv span").length, 0, "Verify that first handler occurred and modified the DOM.");
- equal(livec, 1, "Verify that second handler occurred even with nuked target.");
+ // Run: add
+ jQuery("#liveSpan1").live("foo.b", function (e) {
+ ok(true, "Handler 2 run.");
+ });
- // Cleanup
- jQuery("#body").undelegate("#nothiddendivchild", "click");
+ // Run: Handler 1, Handler 2, Default
+ jQuery("#liveSpan1").trigger("foo", 42);
- // Verify that .live() ocurs and cancel buble in the same order as
- // we would expect .bind() and .click() without delegation
- var lived = 0, livee = 0;
+ // Run: Handler 1, Default
+ jQuery("#liveSpan1").trigger("foo.a", 42);
- // bind one pair in one order
- jQuery("#body").delegate("span#liveSpan1 a", "click", function () {
- lived++;
- return false;
- });
- jQuery("#body").delegate("span#liveSpan1", "click", function () {
- livee++;
- });
+ // Run: remove
+ jQuery("#liveSpan1").die("foo.a");
- jQuery("span#liveSpan1 a").click();
- equal(lived, 1, "Verify that only one first handler occurred.");
- equal(livee, 0, "Verify that second handler doesn't.");
+ // Run: Handler 2, Default
+ jQuery("#liveSpan1").trigger("foo", 42);
- // and one pair in inverse
- jQuery("#body").delegate("span#liveSpan2", "click", function () {
- livee++;
- });
- jQuery("#body").delegate("span#liveSpan2 a", "click", function () {
- lived++;
- return false;
+ // Run: remove, teardown
+ jQuery("#liveSpan1").die("foo");
+
+ delete jQuery.event.special["foo"];
});
- lived = 0;
- livee = 0;
- jQuery("span#liveSpan2 a").click();
- equal(lived, 1, "Verify that only one first handler occurred.");
- equal(livee, 0, "Verify that second handler doesn't.");
+ test(".delegate()/.undelegate()", function () {
+ expect(65);
- // Cleanup
- jQuery("#body").undelegate("click");
+ var submit = 0, div = 0, livea = 0, liveb = 0;
- // Test this, target and currentTarget are correct
- jQuery("#body").delegate("span#liveSpan1", "click", function (e) {
- equal(this.id, "liveSpan1", "Check the this within a delegate handler");
- equal(e.currentTarget.id, "liveSpan1", "Check the event.currentTarget within a delegate handler");
- equal(e.delegateTarget, document.body, "Check the event.delegateTarget within a delegate handler");
- equal(e.target.nodeName.toUpperCase(), "A", "Check the event.target within a delegate handler");
- });
+ jQuery("#body").delegate("div", "submit", function () {
+ submit++;
+ return false;
+ });
+ jQuery("#body").delegate("div", "click", function () {
+ div++;
+ });
+ jQuery("#body").delegate("div#nothiddendiv", "click", function () {
+ livea++;
+ });
+ jQuery("#body").delegate("div#nothiddendivchild", "click", function () {
+ liveb++;
+ });
- jQuery("span#liveSpan1 a").click();
+ // Nothing should trigger on the body
+ jQuery("body").trigger("click");
+ equal(submit, 0, "Click on body");
+ equal(div, 0, "Click on body");
+ equal(livea, 0, "Click on body");
+ equal(liveb, 0, "Click on body");
+
+ // This should trigger two events
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendiv").trigger("click");
+ equal(submit, 0, "Click on div");
+ equal(div, 1, "Click on div");
+ equal(livea, 1, "Click on div");
+ equal(liveb, 0, "Click on div");
+
+ // This should trigger three events (w/ bubbling)
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendivchild").trigger("click");
+ equal(submit, 0, "Click on inner div");
+ equal(div, 2, "Click on inner div");
+ equal(livea, 1, "Click on inner div");
+ equal(liveb, 1, "Click on inner div");
+
+ // This should trigger one submit
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendivchild").trigger("submit");
+ equal(submit, 1, "Submit on div");
+ equal(div, 0, "Submit on div");
+ equal(livea, 0, "Submit on div");
+ equal(liveb, 0, "Submit on div");
+
+ // Make sure no other events were removed in the process
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendivchild").trigger("click");
+ equal(submit, 0, "undelegate Click on inner div");
+ equal(div, 2, "undelegate Click on inner div");
+ equal(livea, 1, "undelegate Click on inner div");
+ equal(liveb, 1, "undelegate Click on inner div");
+
+ // Now make sure that the removal works
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("#body").undelegate("div#nothiddendivchild", "click");
+ jQuery("div#nothiddendivchild").trigger("click");
+ equal(submit, 0, "undelegate Click on inner div");
+ equal(div, 2, "undelegate Click on inner div");
+ equal(livea, 1, "undelegate Click on inner div");
+ equal(liveb, 0, "undelegate Click on inner div");
+
+ // Make sure that the click wasn't removed too early
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("div#nothiddendiv").trigger("click");
+ equal(submit, 0, "undelegate Click on inner div");
+ equal(div, 1, "undelegate Click on inner div");
+ equal(livea, 1, "undelegate Click on inner div");
+ equal(liveb, 0, "undelegate Click on inner div");
+
+ // Make sure that stopPropgation doesn't stop live events
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ jQuery("#body").delegate("div#nothiddendivchild", "click", function (e) {
+ liveb++;
+ e.stopPropagation();
+ });
+ jQuery("div#nothiddendivchild").trigger("click");
+ equal(submit, 0, "stopPropagation Click on inner div");
+ equal(div, 1, "stopPropagation Click on inner div");
+ equal(livea, 0, "stopPropagation Click on inner div");
+ equal(liveb, 1, "stopPropagation Click on inner div");
+
+ // Make sure click events only fire with primary click
+ submit = 0;
+ div = 0;
+ livea = 0;
+ liveb = 0;
+ var event = jQuery.Event("click");
+ event.button = 1;
+ jQuery("div#nothiddendiv").trigger(event);
+
+ equal(livea, 0, "delegate secondary click");
+
+ jQuery("#body").undelegate("div#nothiddendivchild", "click");
+ jQuery("#body").undelegate("div#nothiddendiv", "click");
+ jQuery("#body").undelegate("div", "click");
+ jQuery("#body").undelegate("div", "submit");
+
+ // Test binding with a different context
+ var clicked = 0, container = jQuery("#qunit-fixture")[0];
+ jQuery("#qunit-fixture").delegate("#foo", "click", function (e) {
+ clicked++;
+ });
+ jQuery("div").trigger("click");
+ jQuery("#foo").trigger("click");
+ jQuery("#qunit-fixture").trigger("click");
+ jQuery("body").trigger("click");
+ equal(clicked, 2, "delegate with a context");
+
+ // Test unbinding with a different context
+ jQuery("#qunit-fixture").undelegate("#foo", "click");
+ jQuery("#foo").trigger("click");
+ equal(clicked, 2, "undelegate with a context");
+
+ // Test binding with event data
+ jQuery("#body").delegate("#foo", "click", true, function (e) {
+ equal(e.data, true, "delegate with event data");
+ });
+ jQuery("#foo").trigger("click");
+ jQuery("#body").undelegate("#foo", "click");
- jQuery("#body").undelegate("span#liveSpan1", "click");
+ // Test binding with trigger data
+ jQuery("#body").delegate("#foo", "click", function (e, data) {
+ equal(data, true, "delegate with trigger data");
+ });
+ jQuery("#foo").trigger("click", true);
+ jQuery("#body").undelegate("#foo", "click");
+
+ // Test binding with different this object
+ jQuery("#body").delegate("#foo", "click", jQuery.proxy(function (e) {
+ equal(this["foo"], "bar", "delegate with event scope");
+ }, { "foo" : "bar" }));
+ jQuery("#foo").trigger("click");
+ jQuery("#body").undelegate("#foo", "click");
+
+ // Test binding with different this object, event data, and trigger data
+ jQuery("#body").delegate("#foo", "click", true, jQuery.proxy(function (e, data) {
+ equal(e.data, true, "delegate with with different this object, event data, and trigger data");
+ equal(this.foo, "bar", "delegate with with different this object, event data, and trigger data");
+ equal(data, true, "delegate with with different this object, event data, and trigger data");
+ }, { "foo" : "bar" }));
+ jQuery("#foo").trigger("click", true);
+ jQuery("#body").undelegate("#foo", "click");
+
+ // Verify that return false prevents default action
+ jQuery("#body").delegate("#anchor2", "click", function () {
+ return false;
+ });
+ var hash = window.location.hash;
+ jQuery("#anchor2").trigger("click");
+ equal(window.location.hash, hash, "return false worked");
+ jQuery("#body").undelegate("#anchor2", "click");
+
+ // Verify that .preventDefault() prevents default action
+ jQuery("#body").delegate("#anchor2", "click", function (e) {
+ e.preventDefault();
+ });
+ hash = window.location.hash;
+ jQuery("#anchor2").trigger("click");
+ equal(window.location.hash, hash, "e.preventDefault() worked");
+ jQuery("#body").undelegate("#anchor2", "click");
- // Work with deep selectors
- livee = 0;
+ // Test binding the same handler to multiple points
+ var called = 0;
- function clickB() {
- livee++;
- }
+ function callback() {
+ called++;
+ return false;
+ }
- jQuery("#body").delegate("#nothiddendiv div", "click", function () {
- livee++;
- });
- jQuery("#body").delegate("#nothiddendiv div", "click", clickB);
- jQuery("#body").delegate("#nothiddendiv div", "mouseover", function () {
- livee++;
- });
+ jQuery("#body").delegate("#nothiddendiv", "click", callback);
+ jQuery("#body").delegate("#anchor2", "click", callback);
- equal(livee, 0, "No clicks, deep selector.");
+ jQuery("#nothiddendiv").trigger("click");
+ equal(called, 1, "Verify that only one click occurred.");
- livee = 0;
- jQuery("#nothiddendivchild").trigger("click");
- equal(livee, 2, "Click, deep selector.");
+ called = 0;
+ jQuery("#anchor2").trigger("click");
+ equal(called, 1, "Verify that only one click occurred.");
- livee = 0;
- jQuery("#nothiddendivchild").trigger("mouseover");
- equal(livee, 1, "Mouseover, deep selector.");
+ // Make sure that only one callback is removed
+ jQuery("#body").undelegate("#anchor2", "click", callback);
- jQuery("#body").undelegate("#nothiddendiv div", "mouseover");
+ called = 0;
+ jQuery("#nothiddendiv").trigger("click");
+ equal(called, 1, "Verify that only one click occurred.");
- livee = 0;
- jQuery("#nothiddendivchild").trigger("click");
- equal(livee, 2, "Click, deep selector.");
+ called = 0;
+ jQuery("#anchor2").trigger("click");
+ equal(called, 0, "Verify that no click occurred.");
- livee = 0;
- jQuery("#nothiddendivchild").trigger("mouseover");
- equal(livee, 0, "Mouseover, deep selector.");
+ // Make sure that it still works if the selector is the same,
+ // but the event type is different
+ jQuery("#body").delegate("#nothiddendiv", "foo", callback);
- jQuery("#body").undelegate("#nothiddendiv div", "click", clickB);
+ // Cleanup
+ jQuery("#body").undelegate("#nothiddendiv", "click", callback);
- livee = 0;
- jQuery("#nothiddendivchild").trigger("click");
- equal(livee, 1, "Click, deep selector.");
+ called = 0;
+ jQuery("#nothiddendiv").trigger("click");
+ equal(called, 0, "Verify that no click occurred.");
- jQuery("#body").undelegate("#nothiddendiv div", "click");
- });
+ called = 0;
+ jQuery("#nothiddendiv").trigger("foo");
+ equal(called, 1, "Verify that one foo occurred.");
- test("jQuery.off using dispatched jQuery.Event", function () {
- expect(1);
+ // Cleanup
+ jQuery("#body").undelegate("#nothiddendiv", "foo", callback);
- var markup = jQuery(''),
- count = 0;
- markup
- .on("click.name", "a", function (event) {
- equal(++count, 1, "event called once before removal");
- jQuery().off(event);
- })
- .find("a").click().click().end()
- .remove();
- });
+ // Make sure we don't loose the target by DOM modifications
+ // after the bubble already reached the liveHandler
+ var livec = 0, elemDiv = jQuery("#nothiddendivchild").html("").get(0);
- test("stopPropagation() stops directly-bound events on delegated target", function () {
- expect(1);
+ jQuery("#body").delegate("#nothiddendivchild", "click", function (e) {
+ jQuery("#nothiddendivchild").html("");
+ });
+ jQuery("#body").delegate("#nothiddendivchild", "click", function (e) {
+ if (e.target) {
+ livec++;
+ }
+ });
- var markup = jQuery('');
- markup
- .on("click", function () {
- ok(false, "directly-bound event on delegate target was called");
- })
- .on("click", "a", function (e) {
- e.stopPropagation();
- ok(true, "delegated handler was called");
- })
- .find("a").click().end()
- .remove();
- });
+ jQuery("#nothiddendiv span").click();
+ equal(jQuery("#nothiddendiv span").length, 0, "Verify that first handler occurred and modified the DOM.");
+ equal(livec, 1, "Verify that second handler occurred even with nuked target.");
- test("undelegate all bound events", function () {
- expect(1);
+ // Cleanup
+ jQuery("#body").undelegate("#nothiddendivchild", "click");
- var count = 0;
- var div = jQuery("#body");
+ // Verify that .live() ocurs and cancel buble in the same order as
+ // we would expect .bind() and .click() without delegation
+ var lived = 0, livee = 0;
- div.delegate("div#nothiddendivchild", "click submit", function () {
- count++;
- });
- div.undelegate();
+ // bind one pair in one order
+ jQuery("#body").delegate("span#liveSpan1 a", "click", function () {
+ lived++;
+ return false;
+ });
+ jQuery("#body").delegate("span#liveSpan1", "click", function () {
+ livee++;
+ });
+
+ jQuery("span#liveSpan1 a").click();
+ equal(lived, 1, "Verify that only one first handler occurred.");
+ equal(livee, 0, "Verify that second handler doesn't.");
+
+ // and one pair in inverse
+ jQuery("#body").delegate("span#liveSpan2", "click", function () {
+ livee++;
+ });
+ jQuery("#body").delegate("span#liveSpan2 a", "click", function () {
+ lived++;
+ return false;
+ });
- jQuery("div#nothiddendivchild").trigger("click");
- jQuery("div#nothiddendivchild").trigger("submit");
+ lived = 0;
+ livee = 0;
+ jQuery("span#liveSpan2 a").click();
+ equal(lived, 1, "Verify that only one first handler occurred.");
+ equal(livee, 0, "Verify that second handler doesn't.");
+
+ // Cleanup
+ jQuery("#body").undelegate("click");
+
+ // Test this, target and currentTarget are correct
+ jQuery("#body").delegate("span#liveSpan1", "click", function (e) {
+ equal(this.id, "liveSpan1", "Check the this within a delegate handler");
+ equal(e.currentTarget.id, "liveSpan1", "Check the event.currentTarget within a delegate handler");
+ equal(e.delegateTarget, document.body, "Check the event.delegateTarget within a delegate handler");
+ equal(e.target.nodeName.toUpperCase(), "A", "Check the event.target within a delegate handler");
+ });
- equal(count, 0, "Make sure no events were triggered.");
- });
+ jQuery("span#liveSpan1 a").click();
- test("delegate with multiple events", function () {
- expect(1);
+ jQuery("#body").undelegate("span#liveSpan1", "click");
- var count = 0;
- var div = jQuery("#body");
+ // Work with deep selectors
+ livee = 0;
- div.delegate("div#nothiddendivchild", "click submit", function () {
- count++;
- });
+ function clickB() {
+ livee++;
+ }
+
+ jQuery("#body").delegate("#nothiddendiv div", "click", function () {
+ livee++;
+ });
+ jQuery("#body").delegate("#nothiddendiv div", "click", clickB);
+ jQuery("#body").delegate("#nothiddendiv div", "mouseover", function () {
+ livee++;
+ });
- jQuery("div#nothiddendivchild").trigger("click");
- jQuery("div#nothiddendivchild").trigger("submit");
+ equal(livee, 0, "No clicks, deep selector.");
+
+ livee = 0;
+ jQuery("#nothiddendivchild").trigger("click");
+ equal(livee, 2, "Click, deep selector.");
+
+ livee = 0;
+ jQuery("#nothiddendivchild").trigger("mouseover");
+ equal(livee, 1, "Mouseover, deep selector.");
+
+ jQuery("#body").undelegate("#nothiddendiv div", "mouseover");
+
+ livee = 0;
+ jQuery("#nothiddendivchild").trigger("click");
+ equal(livee, 2, "Click, deep selector.");
+
+ livee = 0;
+ jQuery("#nothiddendivchild").trigger("mouseover");
+ equal(livee, 0, "Mouseover, deep selector.");
+
+ jQuery("#body").undelegate("#nothiddendiv div", "click", clickB);
+
+ livee = 0;
+ jQuery("#nothiddendivchild").trigger("click");
+ equal(livee, 1, "Click, deep selector.");
+
+ jQuery("#body").undelegate("#nothiddendiv div", "click");
+ });
+
+ test("jQuery.off using dispatched jQuery.Event", function () {
+ expect(1);
+
+ var markup = jQuery(''),
+ count = 0;
+ markup
+ .on("click.name", "a", function (event) {
+ equal(++count, 1, "event called once before removal");
+ jQuery().off(event);
+ })
+ .find("a").click().click().end()
+ .remove();
+ });
+
+ test("delegated event with delegateTarget-relative selector", function () {
+ expect(3);
+ var markup = jQuery("").appendTo("#qunit-fixture");
+
+ // Positional selector (#11315)
+ markup
+ .on("click", ">li>a", function () {
+ ok(this.id === "a0", "child li was clicked");
+ })
+ .find("#ul0")
+ .on("click", "li:first>a", function () {
+ ok(this.id === "a0_0", "first li under #u10 was clicked");
+ })
+ .end()
+ .find("a").click().end()
+ .find("#ul0").off();
+
+ // Non-positional selector (#12383)
+ markup = markup.wrap("").parent();
+ markup
+ .find("#ul0")
+ .on("click", "div li a", function () {
+ ok(false, "div is ABOVE the delegation point!");
+ })
+ .on("click", "ul a", function () {
+ ok(false, "ul is the delegation point!");
+ })
+ .on("click", "li.test a", function () {
+ ok(true, "li.test is below the delegation point.");
+ })
+ .find("#a0_0").click();
+
+ markup.remove();
+ });
+
+ test("stopPropagation() stops directly-bound events on delegated target", function () {
+ expect(1);
+
+ var markup = jQuery("");
+ markup
+ .on("click", function () {
+ ok(false, "directly-bound event on delegate target was called");
+ })
+ .on("click", "a", function (e) {
+ e.stopPropagation();
+ ok(true, "delegated handler was called");
+ })
+ .find("a").click().end()
+ .remove();
+ });
+
+ test("undelegate all bound events", function () {
+ expect(2);
- equal(count, 2, "Make sure both the click and submit were triggered.");
+ var count = 0,
+ clicks = 0,
+ div = jQuery("#body");
- jQuery("#body").undelegate();
- });
+ div.delegate("div#nothiddendivchild", "click submit", function () {
+ count++;
+ });
+ div.bind("click", function () {
+ clicks++;
+ });
+ div.undelegate();
- test("delegate with change", function () {
- expect(8);
+ jQuery("div#nothiddendivchild").trigger("click");
+ jQuery("div#nothiddendivchild").trigger("submit");
- var selectChange = 0, checkboxChange = 0;
+ equal(count, 0, "Make sure no events were triggered.");
- var select = jQuery("select[name='S1']");
- jQuery("#body").delegate("select[name='S1']", "change", function () {
- selectChange++;
+ div.trigger("click");
+ equal(clicks, 2, "Make sure delegated and directly bound event occurred.");
+ div.unbind("click");
});
- var checkbox = jQuery("#check2"),
- checkboxFunction = function () {
- checkboxChange++;
- }
- jQuery("#body").delegate("#check2", "change", checkboxFunction);
+ test("delegate with multiple events", function () {
+ expect(1);
- // test click on select
+ var count = 0;
+ var div = jQuery("#body");
- // second click that changed it
- selectChange = 0;
- select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
- select.trigger("change");
- equal(selectChange, 1, "Change on click.");
+ div.delegate("div#nothiddendivchild", "click submit", function () {
+ count++;
+ });
- // test keys on select
- selectChange = 0;
- select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
- select.trigger("change");
- equal(selectChange, 1, "Change on keyup.");
+ jQuery("div#nothiddendivchild").trigger("click");
+ jQuery("div#nothiddendivchild").trigger("submit");
- // test click on checkbox
- checkbox.trigger("change");
- equal(checkboxChange, 1, "Change on checkbox.");
+ equal(count, 2, "Make sure both the click and submit were triggered.");
- // test blur/focus on text
- var text = jQuery("#name"), textChange = 0, oldTextVal = text.val();
- jQuery("#body").delegate("#name", "change", function () {
- textChange++;
+ jQuery("#body").undelegate();
});
- text.val(oldTextVal + "foo");
- text.trigger("change");
- equal(textChange, 1, "Change on text input.");
+ test("delegate with change", function () {
+ expect(8);
- text.val(oldTextVal);
- jQuery("#body").die("change");
+ var selectChange = 0, checkboxChange = 0;
- // test blur/focus on password
- var password = jQuery("#name"), passwordChange = 0, oldPasswordVal = password.val();
- jQuery("#body").delegate("#name", "change", function () {
- passwordChange++;
- });
+ var select = jQuery("select[name='S1']");
+ jQuery("#body").delegate("select[name='S1']", "change", function () {
+ selectChange++;
+ });
- password.val(oldPasswordVal + "foo");
- password.trigger("change");
- equal(passwordChange, 1, "Change on password input.");
+ var checkbox = jQuery("#check2"),
+ checkboxFunction = function () {
+ checkboxChange++;
+ };
+ jQuery("#body").delegate("#check2", "change", checkboxFunction);
+
+ // test click on select
+
+ // second click that changed it
+ selectChange = 0;
+ select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+ select.trigger("change");
+ equal(selectChange, 1, "Change on click.");
+
+ // test keys on select
+ selectChange = 0;
+ select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+ select.trigger("change");
+ equal(selectChange, 1, "Change on keyup.");
+
+ // test click on checkbox
+ checkbox.trigger("change");
+ equal(checkboxChange, 1, "Change on checkbox.");
+
+ // test blur/focus on text
+ var text = jQuery("#name"), textChange = 0, oldTextVal = text.val();
+ jQuery("#body").delegate("#name", "change", function () {
+ textChange++;
+ });
- password.val(oldPasswordVal);
- jQuery("#body").undelegate("#name", "change");
+ text.val(oldTextVal + "foo");
+ text.trigger("change");
+ equal(textChange, 1, "Change on text input.");
- // make sure die works
+ text.val(oldTextVal);
+ jQuery("#body").die("change");
- // die all changes
- selectChange = 0;
- jQuery("#body").undelegate("select[name='S1']", "change");
- select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
- select.trigger("change");
- equal(selectChange, 0, "Die on click works.");
+ // test blur/focus on password
+ var password = jQuery("#name"), passwordChange = 0, oldPasswordVal = password.val();
+ jQuery("#body").delegate("#name", "change", function () {
+ passwordChange++;
+ });
- selectChange = 0;
- select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
- select.trigger("change");
- equal(selectChange, 0, "Die on keyup works.");
+ password.val(oldPasswordVal + "foo");
+ password.trigger("change");
+ equal(passwordChange, 1, "Change on password input.");
- // die specific checkbox
- jQuery("#body").undelegate("#check2", "change", checkboxFunction);
- checkbox.trigger("change");
- equal(checkboxChange, 1, "Die on checkbox.");
- });
+ password.val(oldPasswordVal);
+ jQuery("#body").undelegate("#name", "change");
- test("delegate with submit", function () {
- var count1 = 0, count2 = 0;
+ // make sure die works
- jQuery("#body").delegate("#testForm", "submit", function (ev) {
- count1++;
- ev.preventDefault();
- });
+ // die all changes
+ selectChange = 0;
+ jQuery("#body").undelegate("select[name='S1']", "change");
+ select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+ select.trigger("change");
+ equal(selectChange, 0, "Die on click works.");
+
+ selectChange = 0;
+ select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+ select.trigger("change");
+ equal(selectChange, 0, "Die on keyup works.");
- jQuery(document).delegate("body", "submit", function (ev) {
- count2++;
- ev.preventDefault();
+ // die specific checkbox
+ jQuery("#body").undelegate("#check2", "change", checkboxFunction);
+ checkbox.trigger("change");
+ equal(checkboxChange, 1, "Die on checkbox.");
});
- jQuery("#testForm input[name=sub1]").submit();
- equal(count1, 1, "Verify form submit.");
- equal(count2, 1, "Verify body submit.");
+ test("delegate with submit", function () {
+ var count1 = 0, count2 = 0;
- jQuery("#body").undelegate();
- jQuery(document).undelegate();
- });
+ jQuery("#body").delegate("#testForm", "submit", function (ev) {
+ count1++;
+ ev.preventDefault();
+ });
- test("undelegate() with only namespaces", function () {
- expect(2);
+ jQuery(document).delegate("body", "submit", function (ev) {
+ count2++;
+ ev.preventDefault();
+ });
- var $delegate = jQuery("#liveHandlerOrder"),
- count = 0;
+ jQuery("#testForm input[name=sub1]").submit();
+ equal(count1, 1, "Verify form submit.");
+ equal(count2, 1, "Verify body submit.");
- $delegate.delegate("a", "click.ns", function (e) {
- count++;
+ jQuery("#body").undelegate();
+ jQuery(document).undelegate();
});
- jQuery("a", $delegate).eq(0).trigger("click.ns");
+ test("undelegate() with only namespaces", function () {
+ expect(2);
- equal(count, 1, "delegated click.ns");
+ var $delegate = jQuery("#liveHandlerOrder"),
+ count = 0;
- $delegate.undelegate(".ns");
+ $delegate.delegate("a", "click.ns", function (e) {
+ count++;
+ });
- jQuery("a", $delegate).eq(1).trigger("click.ns");
+ jQuery("a", $delegate).eq(0).trigger("click.ns");
- equal(count, 1, "no more .ns after undelegate");
- });
+ equal(count, 1, "delegated click.ns");
- test("Non DOM element events", function () {
- expect(1);
+ $delegate.undelegate(".ns");
- var o = {};
+ jQuery("a", $delegate).eq(1).trigger("click.ns");
- jQuery(o).bind("nonelementobj", function (e) {
- ok(true, "Event on non-DOM object triggered");
+ equal(count, 1, "no more .ns after undelegate");
});
- jQuery(o).trigger("nonelementobj");
- });
+ test("Non DOM element events", function () {
+ expect(1);
+
+ var o = {};
+
+ jQuery(o).bind("nonelementobj", function (e) {
+ ok(true, "Event on non-DOM object triggered");
+ });
+
+ jQuery(o).trigger("nonelementobj");
+ });
- test("inline handler returning false stops default", function () {
- expect(1);
+ test("inline handler returning false stops default", function () {
+ expect(1);
- var markup = jQuery('');
- markup.click(function (e) {
- ok(e.isDefaultPrevented(), "inline handler prevented default");
- return false;
+ var markup = jQuery("");
+ markup.click(function (e) {
+ ok(e.isDefaultPrevented(), "inline handler prevented default");
+ return false;
+ });
+ markup.find("a").click();
+ markup.off("click");
});
- markup.find("a").click();
- markup.off("click");
- });
- test("window resize", function () {
- expect(2);
+ test("window resize", function () {
+ expect(2);
- jQuery(window).unbind();
+ jQuery(window).unbind();
- jQuery(window).bind("resize",
- function () {
+ jQuery(window).bind("resize",function () {
ok(true, "Resize event fired.");
}).resize().unbind("resize");
- ok(!jQuery._data(window, "__events__"), "Make sure all the events are gone.");
- });
+ ok(!jQuery._data(window, "__events__"), "Make sure all the events are gone.");
+ });
- test("focusin bubbles", function () {
- expect(2);
+ test("focusin bubbles", function () {
+ expect(2);
- var input = jQuery("").prependTo("body"),
- order = 0;
+ var input = jQuery("").prependTo("body"),
+ order = 0;
- // focus the element so DOM focus won't fire
- input[0].focus();
+ // focus the element so DOM focus won't fire
+ input[0].focus();
- jQuery("body").bind("focusin.focusinBubblesTest", function () {
- equal(1, order++, "focusin on the body second");
- });
+ jQuery("body").bind("focusin.focusinBubblesTest", function () {
+ equal(1, order++, "focusin on the body second");
+ });
- input.bind("focusin.focusinBubblesTest", function () {
- equal(0, order++, "focusin on the element first");
- });
+ input.bind("focusin.focusinBubblesTest", function () {
+ equal(0, order++, "focusin on the element first");
+ });
// Removed since DOM focus is unreliable on test swarm
- // DOM focus method
+ // DOM focus method
// input[0].focus();
- // To make the next focus test work, we need to take focus off the input.
- // This will fire another focusin event, so set order to reflect that.
+ // To make the next focus test work, we need to take focus off the input.
+ // This will fire another focusin event, so set order to reflect that.
// order = 1;
// jQuery("#text1")[0].focus();
- // jQuery trigger, which calls DOM focus
- order = 0;
- input.trigger("focus");
-
- input.remove();
- jQuery("body").unbind("focusin.focusinBubblesTest");
- });
-
- test("custom events with colons (#3533, #8272)", function () {
- expect(1);
-
- var tab = jQuery("
").appendTo("body");
- try {
- tab.trigger("back:forth");
- ok(true, "colon events don't throw");
- } catch (e) {
- ok(false, "colon events die");
- }
- ;
- tab.remove();
-
- });
-
- test(".on and .off", function () {
- expect(9);
- var counter, mixfn;
-
- jQuery('').appendTo('body');
-
- // Simple case
- jQuery("#onandoff")
- .on("whip", function () {
- ok(true, "whipped it good");
- })
- .trigger("whip")
- .off();
-
- // Direct events only
- counter = 0;
- jQuery("#onandoff b")
- .on("click", 5, function (e, trig) {
- counter += e.data + (trig || 9); // twice, 5+9+5+17=36
- })
- .one("click", 7, function (e, trig) {
- counter += e.data + (trig || 11); // once, 7+11=18
- })
- .click()
- .trigger("click", 17)
- .off("click");
- equal(counter, 54, "direct event bindings with data");
-
- // Delegated events only
- counter = 0;
- jQuery("#onandoff")
- .on("click", "em", 5, function (e, trig) {
- counter += e.data + (trig || 9); // twice, 5+9+5+17=36
- })
- .one("click", "em", 7, function (e, trig) {
- counter += e.data + (trig || 11); // once, 7+11=18
- })
- .find("em")
- .click()
- .trigger("click", 17)
- .end()
- .off("click", "em");
- equal(counter, 54, "delegated event bindings with data");
-
-
- // Mixed event bindings and types
- counter = 0;
- mixfn = function (e, trig) {
- counter += (e.data || 0) + (trig || 1);
- };
- jQuery("#onandoff")
- .on("click clack cluck", "em", 2, mixfn)
- .on("cluck", "b", 7, mixfn)
- .on("cluck", mixfn)
- .trigger("what!")
- .each(function () {
- equal(counter, 0, "nothing triggered yet");
- })
- .find("em")
- .one("cluck", 3, mixfn)
- .trigger("cluck", 8)// 3+8 2+8 + 0+8 = 29
- .off()
- .trigger("cluck", 9)// 2+9 + 0+9 = 20
- .end()
- .each(function () {
- equal(counter, 49, "after triggering em element");
- })
- .off("cluck", function () {
- })// shouldn't remove anything
- .trigger("cluck", 2)// 0+2 = 2
- .each(function () {
- equal(counter, 51, "after triggering #onandoff cluck");
- })
- .find("b")
- .on("click", 95, mixfn)
- .on("clack", "p", 97, mixfn)
- .one("cluck", 3, mixfn)
- .trigger("quack", 19)// 0
- .off("click clack cluck")
- .end()
- .each(function () {
- equal(counter, 51, "after triggering b");
- })
- .trigger("cluck", 3)// 0+3 = 3
- .off("clack", "em", mixfn)
- .find("em")
- .trigger("clack")// 0
- .end()
- .each(function () {
- equal(counter, 54, "final triggers");
- })
- .off("click cluck");
-
- // We should have removed all the event handlers ... kinda hacky way to check this
- var data = jQuery.data[ jQuery("#onandoff")[0].expando ] || {};
- equal(data.events, undefined, "no events left");
-
- jQuery("#onandoff").remove();
- });
-
- test("special bind/delegate name mapping", function () {
- expect(6);
-
- jQuery.event.special.slap = {
- bindType : "click",
- delegateType : "swing",
- handle : function (event) {
- equal(event.handleObj.origType, "slap", "slapped your mammy, " + event.type);
- }
- };
-
- var comeback = function (event) {
- ok(true, "event " + event.type + " triggered");
- };
-
- jQuery('')
- .on("slap", "button", jQuery.noop)
- .on("swing", "button", comeback)
- .find("button")
- .on("slap", jQuery.noop)
- .on("click", comeback)
- .trigger("click")// bindType-slap and click
- .off("slap")
- .trigger("click")// click
- .off("click")
- .trigger("swing")// delegateType-slap and swing
- .end()
- .off("slap swing", "button")
- .find("button")// everything should be gone
- .trigger("slap")
- .trigger("click")
- .trigger("swing")
- .end()
- .remove();
- delete jQuery.event.special.slap;
-
- jQuery.event.special.gutfeeling = {
- bindType : "click",
- delegateType : "click",
- handle : function (event) {
- equal(event.handleObj.origType, "gutfeeling", "got a gutfeeling");
+ // jQuery trigger, which calls DOM focus
+ order = 0;
+ input.trigger("focus");
+
+ input.remove();
+ jQuery("body").unbind("focusin.focusinBubblesTest");
+ });
+
+ test("custom events with colons (#3533, #8272)", function () {
+ expect(1);
+
+ var tab = jQuery("
").appendTo("body");
+ try {
+ tab.trigger("back:forth");
+ ok(true, "colon events don't throw");
+ } catch (e) {
+ ok(false, "colon events die");
}
- };
-
- // Ensure a special event isn't removed by its mapped type
- jQuery('").appendTo("body");
+
+ // Simple case
+ jQuery("#onandoff")
+ .on("whip", function () {
+ ok(true, "whipped it good");
+ })
+ .trigger("whip")
+ .off();
+
+ // Direct events only
+ counter = 0;
+ jQuery("#onandoff b")
+ .on("click", 5, function (e, trig) {
+ counter += e.data + (trig || 9); // twice, 5+9+5+17=36
+ })
+ .one("click", 7, function (e, trig) {
+ counter += e.data + (trig || 11); // once, 7+11=18
+ })
+ .click()
+ .trigger("click", 17)
+ .off("click");
+ equal(counter, 54, "direct event bindings with data");
+
+ // Delegated events only
+ counter = 0;
+ jQuery("#onandoff")
+ .on("click", "em", 5, function (e, trig) {
+ counter += e.data + (trig || 9); // twice, 5+9+5+17=36
+ })
+ .one("click", "em", 7, function (e, trig) {
+ counter += e.data + (trig || 11); // once, 7+11=18
+ })
+ .find("em")
+ .click()
+ .trigger("click", 17)
+ .end()
+ .off("click", "em");
+ equal(counter, 54, "delegated event bindings with data");
+
+
+ // Mixed event bindings and types
+ counter = 0;
+ mixfn = function (e, trig) {
+ counter += (e.data || 0) + (trig || 1);
+ };
+ jQuery("#onandoff")
+ .on("click clack cluck", "em", 2, mixfn)
+ .on("cluck", "b", 7, mixfn)
+ .on("cluck", mixfn)
+ .trigger("what!")
+ .each(function () {
+ equal(counter, 0, "nothing triggered yet");
+ })
+ .find("em")
+ .one("cluck", 3, mixfn)
+ .trigger("cluck", 8)// 3+8 2+8 + 0+8 = 29
+ .off()
+ .trigger("cluck", 9)// 2+9 + 0+9 = 20
+ .end()
+ .each(function () {
+ equal(counter, 49, "after triggering em element");
+ })
+ .off("cluck", function () {
+ })// shouldn't remove anything
+ .trigger("cluck", 2)// 0+2 = 2
+ .each(function () {
+ equal(counter, 51, "after triggering #onandoff cluck");
+ })
+ .find("b")
+ .on("click", 95, mixfn)
+ .on("clack", "p", 97, mixfn)
+ .one("cluck", 3, mixfn)
+ .trigger("quack", 19)// 0
+ .off("click clack cluck")
+ .end()
+ .each(function () {
+ equal(counter, 51, "after triggering b");
+ })
+ .trigger("cluck", 3)// 0+3 = 3
+ .off("clack", "em", mixfn)
+ .find("em")
+ .trigger("clack")// 0
+ .end()
+ .each(function () {
+ equal(counter, 54, "final triggers");
+ })
+ .off("click cluck");
+
+ // We should have removed all the event handlers ... kinda hacky way to check this
+ var data = jQuery.data[ jQuery("#onandoff")[0].expando ] || {};
+ equal(data["events"], undefined, "no events left");
+
+ $onandoff.remove();
+ });
+
+ test("special bind/delegate name mapping", function () {
+ expect(7);
+
+ jQuery.event.special["slap"] = {
+ bindType : "click",
+ delegateType : "swing",
+ handle : function (event) {
+ equal(event.handleObj.origType, "slap", "slapped your mammy, " + event.type);
+ }
};
- jQuery('
")
+ .on("click", "tr", clicked)
+ .on("click", "td:first-child", clicked)
+ .on("click", "td:last-child", clicked),
+ clone = table.clone(true);
+
+ clone.find("td").click();
+ equal(counter["center"], 1, "first child");
+ equal(counter["fold"], 1, "last child");
+ equal(counter["centerfold"], 2, "all children");
- equal(notYetReady, true, "jQuery.isReady should not be true before DOM ready");
- equal(jQuery.isReady, true, "jQuery.isReady should be true once DOM is ready");
+ table.remove();
+ clone.remove();
});
- // Create an event handler.
- function makeHandler(testId) {
- // When returned function is executed, push testId onto `order` array
- // to ensure execution order. Also, store event handler arg to ensure
- // the correct arg is being passed into the event handler.
- return function (arg) {
- order.push(testId);
- args[testId] = arg;
+ (function () {
+ // This code must be run before DOM ready!
+ var notYetReady, noEarlyExecution,
+ order = [],
+ args = {};
+
+ notYetReady = !jQuery.isReady;
+
+ test("jQuery.isReady", function () {
+ expect(2);
+
+ equal(notYetReady, true, "jQuery.isReady should not be true before DOM ready");
+ equal(jQuery.isReady, true, "jQuery.isReady should be true once DOM is ready");
+ });
+
+ // Create an event handler.
+ function makeHandler(testId) {
+ // When returned function is executed, push testId onto `order` array
+ // to ensure execution order. Also, store event handler arg to ensure
+ // the correct arg is being passed into the event handler.
+ return function (arg) {
+ order.push(testId);
+ args[testId] = arg;
+ };
+ }
+
+ // Bind to the ready event in every possible way.
+ jQuery(makeHandler("a"));
+ jQuery(document).ready(makeHandler("b"));
+ jQuery(document).bind("ready.readytest", makeHandler("c"));
+
+ // Do it twice, just to be sure.
+ jQuery(makeHandler("d"));
+ jQuery(document).ready(makeHandler("e"));
+ jQuery(document).bind("ready.readytest", makeHandler("f"));
+
+ noEarlyExecution = order.length === 0;
+
+ // This assumes that QUnit tests are run on DOM ready!
+ test("jQuery ready", function () {
+ expect(10);
+
+ ok(noEarlyExecution, "Handlers bound to DOM ready should not execute before DOM ready");
+
+ // Ensure execution order.
+ deepEqual(order, ["a", "b", "d", "e", "c", "f"], "Bound DOM ready handlers should execute in bind-order, but those bound with jQuery(document).bind( 'ready', fn ) will always execute last");
+
+ // Ensure handler argument is correct.
+ equal(args["a"], jQuery, "Argument passed to fn in jQuery( fn ) should be jQuery");
+ equal(args["b"], jQuery, "Argument passed to fn in jQuery(document).ready( fn ) should be jQuery");
+ ok(args["c"] instanceof jQuery.Event, "Argument passed to fn in jQuery(document).bind( 'ready', fn ) should be an event object");
+
+ order = [];
+
+ // Now that the ready event has fired, again bind to the ready event
+ // in every possible way. These event handlers should execute immediately.
+ jQuery(makeHandler("g"));
+ equal(order.pop(), "g", "Event handler should execute immediately");
+ equal(args["g"], jQuery, "Argument passed to fn in jQuery( fn ) should be jQuery");
+
+ jQuery(document).ready(makeHandler("h"));
+ equal(order.pop(), "h", "Event handler should execute immediately");
+ equal(args["h"], jQuery, "Argument passed to fn in jQuery(document).ready( fn ) should be jQuery");
+
+ jQuery(document).bind("ready.readytest", makeHandler("never"));
+ equal(order.length, 0, "Event handler should never execute since DOM ready has already passed");
+
+ // Cleanup.
+ jQuery(document).unbind("ready.readytest");
+ });
+
+ })();
+
+ test("change handler should be detached from element", function () {
+ expect(2);
+
+ var $fixture = jQuery("").appendTo("body");
+
+ var originRemoveEvent = jQuery.removeEvent;
+
+ var wrapperRemoveEvent = function (elem, type, handle) {
+ equal("change", type, "Event handler for 'change' event should be removed");
+ equal("change-ie-leak", jQuery(elem).attr("id"), "Event handler for 'change' event should be removed from appropriate element");
+ originRemoveEvent(elem, type, handle);
};
- }
- // Bind to the ready event in every possible way.
- jQuery(makeHandler("a"));
- jQuery(document).ready(makeHandler("b"));
- jQuery(document).bind("ready.readytest", makeHandler("c"));
+ jQuery.removeEvent = wrapperRemoveEvent;
+
+ $fixture.bind("change", function (event) {
+ });
+ $fixture.unbind("change");
- // Do it twice, just to be sure.
- jQuery(makeHandler("d"));
- jQuery(document).ready(makeHandler("e"));
- jQuery(document).bind("ready.readytest", makeHandler("f"));
+ $fixture.remove();
- noEarlyExecution = order.length == 0;
+ jQuery.removeEvent = originRemoveEvent;
+ });
- })();
- */
-});
\ No newline at end of file
+ asyncTest("trigger click on checkbox, fires change event", function () {
+ expect(1);
+
+ var check = jQuery("#check2");
+
+ check.on("change",function () {
+ // get it?
+ check.off("change");
+ ok(true, "Change event fired as a result of triggered click");
+ start();
+ }).trigger("click");
+ });
+ });
\ No newline at end of file
From e10303d21069607698877c7e14ee204a24977233 Mon Sep 17 00:00:00 2001
From: David Luecke
Date: Fri, 14 Sep 2012 11:48:33 -0600
Subject: [PATCH 057/166] Using changedTouches seems to work with Chrome tests.
Closes #34
---
event/drag/drag.html | 18 +++++++++---------
lang/vector/vector.js | 2 +-
2 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/event/drag/drag.html b/event/drag/drag.html
index 8ad03f3f..ba599529 100644
--- a/event/drag/drag.html
+++ b/event/drag/drag.html
@@ -88,39 +88,39 @@
Drag/Drop Test Suite
+ + + +b
b
');
+ test("withinElement implemented with jQuery.contains()", function () {
- jQuery("#jc-outer").bind("mouseenter mouseleave",
- function (event) {
+ expect(1);
+
+ jQuery("#qunit-fixture").append('
');
+
+ jQuery("#jc-outer").bind("mouseenter mouseleave",function (event) {
equal(this.id, "jc-outer", this.id + " " + event.type);
}).trigger("mouseenter");
- jQuery("#jc-inner").trigger("mousenter");
+ jQuery("#jc-inner").trigger("mousenter");
- jQuery("#jc-outer").unbind("mouseenter mouseleave").remove();
- jQuery("#jc-inner").remove();
+ jQuery("#jc-outer").unbind("mouseenter mouseleave").remove();
+ jQuery("#jc-inner").remove();
- });
+ });
- test("mouseenter, mouseleave don't catch exceptions", function () {
- expect(2);
+ test("mouseenter, mouseleave don't catch exceptions", function () {
+ expect(2);
- var elem = jQuery("#firstp").hover(function () {
- throw "an Exception";
- });
+ var elem = jQuery("#firstp").hover(function () {
+ throw "an Exception";
+ });
- try {
- elem.mouseenter();
- } catch (e) {
- equal(e, "an Exception", "mouseenter doesn't catch exceptions");
- }
+ try {
+ elem.mouseenter();
+ } catch (e) {
+ equal(e, "an Exception", "mouseenter doesn't catch exceptions");
+ }
- try {
- elem.mouseleave();
- } catch (e) {
- equal(e, "an Exception", "mouseleave doesn't catch exceptions");
- }
- });
+ try {
+ elem.mouseleave();
+ } catch (e) {
+ equal(e, "an Exception", "mouseleave doesn't catch exceptions");
+ }
+ });
- test("trigger() shortcuts", function () {
- expect(6);
+ test("trigger() shortcuts", function () {
+ expect(6);
- var elem = jQuery("
foo
").appendTo($parent); - $elem.die('mouseenter'); + $parent.get(0).style.display = "none"; - $elem.die('mouseleave'); + var event = jQuery.Event("noNew"); + ok(event != window, "Instantiate jQuery.Event without the 'new' keyword"); + equal(event.type, "noNew", "Verify its type"); - // Triggers handlrs and native - // Trigger 5 - $elem.bind("click", handler).trigger("click", [1, "2", "abc"]); + equal(event.isDefaultPrevented(), false, "Verify isDefaultPrevented"); + equal(event.isPropagationStopped(), false, "Verify isPropagationStopped"); + equal(event.isImmediatePropagationStopped(), false, "Verify isImmediatePropagationStopped"); - // Simulate a "native" click - $elem[0].click = function () { - ok(false, "Native call was triggered"); - }; + event.preventDefault(); + equal(event.isDefaultPrevented(), true, "Verify isDefaultPrevented"); + event.stopPropagation(); + equal(event.isPropagationStopped(), true, "Verify isPropagationStopped"); - // Trigger only the handlers (no native) - // Triggers 5 - equal($elem.triggerHandler("click", [1, "2", "abc"]), "test", "Verify handler response"); + event.isPropagationStopped = function () { + return false; + }; + event.stopImmediatePropagation(); + equal(event.isPropagationStopped(), true, "Verify isPropagationStopped"); + equal(event.isImmediatePropagationStopped(), true, "Verify isPropagationStopped"); + + $parent.bind("foo", function (e) { + // Tries bubbling + equal(e.type, "foo", "Verify event type when passed passing an event object"); + equal(e.target.id, "child", "Verify event.target when passed passing an event object"); + equal(e.currentTarget.id, "par", "Verify event.currentTarget when passed passing an event object"); + equal(e.secret, "boo!", "Verify event object's custom attribute when passed passing an event object"); + }); - var pass = true; - try { - jQuery("#form input:first").hide().trigger("focus"); - } catch (e) { - pass = false; - } - ok(pass, "Trigger focus on hidden element"); + // test with an event object + event = new jQuery.Event("foo"); + event.secret = "boo!"; + $child.trigger(event); - pass = true; - try { - jQuery("#qunit-fixture table:first").bind("test:test", - function () { - }).trigger("test:test"); - } catch (e) { - pass = false; - } - ok(pass, "Trigger on a table with a colon in the even type, see #3533"); + // test with a literal object + $child.trigger({"type" : "foo", "secret" : "boo!"}); - var form = jQuery("").appendTo("body"); + $parent.unbind(); - // Make sure it can be prevented locally - form.submit(function () { - ok(true, "Local bind still works."); - return false; - }); + function error() { + ok(false, "This assertion shouldn't be reached"); + } - // Trigger 1 - form.trigger("submit"); + $parent.bind("foo", error); - form.unbind("submit"); + $child.bind("foo", function (e, a, b, c) { + equal(arguments.length, 4, "Check arguments length"); + equal(a, 1, "Check first custom argument"); + equal(b, 2, "Check second custom argument"); + equal(c, 3, "Check third custom argument"); - jQuery(document).submit(function () { - ok(true, "Make sure bubble works up to document."); - return false; - }); + equal(e.isDefaultPrevented(), false, "Verify isDefaultPrevented"); + equal(e.isPropagationStopped(), false, "Verify isPropagationStopped"); + equal(e.isImmediatePropagationStopped(), false, "Verify isImmediatePropagationStopped"); - // Trigger 1 - form.trigger("submit"); + // Skips both errors + e.stopImmediatePropagation(); - jQuery(document).unbind("submit"); + return "result"; + }); - form.remove(); - }); + // We should add this back in when we want to test the order + // in which event handlers are iterated. + //$child.bind("foo", error ); - test("trigger(eventObject, [data], [fn])", function () { - expect(28); + event = new jQuery.Event("foo"); + $child.trigger(event, [1, 2, 3]).unbind(); + equal(event.result, "result", "Check event.result attribute"); - var $parent = jQuery("").hide().appendTo("body"), - $child = jQuery("foo
").appendTo($parent); + // Will error if it bubbles + $child.triggerHandler("foo"); - var event = jQuery.Event("noNew"); - ok(event != window, "Instantiate jQuery.Event without the 'new' keyword"); - equal(event.type, "noNew", "Verify its type"); + $child.unbind(); + $parent.unbind().remove(); - equal(event.isDefaultPrevented(), false, "Verify isDefaultPrevented"); - equal(event.isPropagationStopped(), false, "Verify isPropagationStopped"); - equal(event.isImmediatePropagationStopped(), false, "Verify isImmediatePropagationStopped"); + // Ensure triggerHandler doesn't molest its event object (#xxx) + event = jQuery.Event("zowie"); + jQuery(document).triggerHandler(event); + equal(event.type, "zowie", "Verify its type"); + equal(event.isPropagationStopped(), false, "propagation not stopped"); + equal(event.isDefaultPrevented(), false, "default not prevented"); + }); - event.preventDefault(); - equal(event.isDefaultPrevented(), true, "Verify isDefaultPrevented"); - event.stopPropagation(); - equal(event.isPropagationStopped(), true, "Verify isPropagationStopped"); + test(".trigger() bubbling on disconnected elements (#10489)", function () { + expect(2); - event.isPropagationStopped = function () { - return false - }; - event.stopImmediatePropagation(); - equal(event.isPropagationStopped(), true, "Verify isPropagationStopped"); - equal(event.isImmediatePropagationStopped(), true, "Verify isPropagationStopped"); + jQuery(window).on("click", function () { + ok(false, "click fired on window"); + }); + + jQuery("hi
hi
')
- .on("click", "p", function (e) {
- equal(e.currentTarget, this, "Check delegated currentTarget on event");
- })
- .find("button")
- .on("click", function (e) {
- equal(e.currentTarget, this, "Check currentTarget on event");
- })
- .click()
- .off("click")
- .end()
- .off("click");
- });
-
- test("toggle(Function, Function, ...)", function () {
- expect(16);
-
- var count = 0,
- fn1 = function (e) {
- count++;
- },
- fn2 = function (e) {
- count--;
- },
- preventDefault = function (e) {
- e.preventDefault()
- },
- link = jQuery("#mark");
- link.click(preventDefault).click().toggle(fn1, fn2).click().click().click().click().click();
- equal(count, 1, "Check for toggle(fn, fn)");
-
- jQuery("#firstp").toggle(
- function () {
- equal(arguments.length, 4, "toggle correctly passes through additional triggered arguments, see #1701")
- },
- function () {
+ test("jQuery.Event.currentTarget", function () {
+ expect(2);
+
+ jQuery("
")
+ .on("click", "p", function (e) {
+ equal(e.currentTarget, this, "Check delegated currentTarget on event");
+ })
+ .find("button")
+ .on("click", function (e) {
+ equal(e.currentTarget, this, "Check currentTarget on event");
+ })
+ .click()
+ .off("click")
+ .end()
+ .off("click");
+ });
+
+ test("toggle(Function, Function, ...)", function () {
+ expect(16);
+
+ var count = 0,
+ fn1 = function (e) {
+ count++;
+ },
+ fn2 = function (e) {
+ count--;
+ },
+ preventDefault = function (e) {
+ e.preventDefault();
+ },
+ link = jQuery("#mark");
+ link.click(preventDefault).click().toggle(fn1, fn2).click().click().click().click().click();
+ equal(count, 1, "Check for toggle(fn, fn)");
+
+ jQuery("#firstp").toggle(function () {
+ equal(arguments.length, 4, "toggle correctly passes through additional triggered arguments, see #1701");
+ },function () {
}).trigger("click", [ 1, 2, 3 ]);
- var first = 0;
- jQuery("#simon1").one("click",
- function () {
+ var first = 0;
+ jQuery("#simon1").one("click",function () {
ok(true, "Execute event only once");
jQuery(this).toggle(function () {
equal(first++, 0, "toggle(Function,Function) assigned from within one('xxx'), see #1054");
@@ -1349,1514 +1529,1679 @@ steal("jquery/event/fastfix",
return false;
}).click().click().click();
- var turn = 0;
- var fns = [
- function () {
- turn = 1;
- },
- function () {
- turn = 2;
- },
- function () {
- turn = 3;
- }
- ];
-
- var $div = jQuery("
| trigger |
onandoff
workedorborked?
| trigger |
Gut Feeling
') - .on("click", jQuery.noop) - .on("gutfeeling", jQuery.noop) - .off("click") - .trigger("gutfeeling") - .remove(); - - // Ensure special events are removed when only a namespace is provided - jQuery('Gut Feeling
') - .on("gutfeeling.Devo", jQuery.noop) - .off(".Devo") - .trigger("gutfeeling") - .remove(); - - delete jQuery.event.special.gutfeeling; - }); - - test(".on and .off, selective mixed removal (#10705)", function () { - expect(7); - - var clockout = 0, - timingx = function (e) { - ok(true, "triggered " + e.type); + tab.remove(); + + }); + + test(".on and .off", function () { + expect(9); + var counter, mixfn; + + var $onandoff = jQuery("onandoff
workedorborked?
Strange Pursuit
') - .on("click", timingx) - .on("click.duty", timingx) - .on("click.now", timingx) - .on("devo", timingx) - .on("future", timingx) - .trigger("click")// 3 - .trigger("devo")// 1 - .off(".duty devo ")// trailing space - .trigger("future")// 1 - .trigger("click")// 2 - .off("future click") - .trigger("click"); // 0 - }); - - test("delegated events quickIs", function () { - expect(14); - var markup = jQuery( - '' +
- '
'
- ),
- str,
- check = function (el, expect) {
- str = "";
- markup.find(el).trigger("blink");
- equal(str, expect, "On " + el);
- },
- func = function (e) {
- var tag = this.nodeName.toLowerCase();
- str += (str && " ") + tag + "|" + e.handleObj.selector;
- ok(e.handleObj.quick, "Selector " + e.handleObj.selector + " on " + tag + " is a quickIs case");
+ var comeback = function (event) {
+ ok(true, "event " + event.type + " triggered");
};
- // tag#id.class[name=value]
- markup
- .appendTo("body")
- .on("blink", "em", func)
- .on("blink", ".D", func)
- .on("blink", ".devo-like", func)
- .on("blink", ".devo", func)
- .on("blink", ".d", func)
- .on("blink", "p.d", func)
- .on("blink", "#famous", func);
-
- check(".devo-like", "b|.devo-like p|.D");
- check(".devo", "");
- check("p", "p|.D");
- check("b", "b|.devo-like p|.D");
- check("em", "em|em q|#famous em|em q|#famous");
-
- markup.remove();
- });
-
- /* Doesn't work in big test since Steal callback fires after DOM ready
- (function () {
- // This code must be run before DOM ready!
- var notYetReady, noEarlyExecution,
- order = [],
- args = {};
-
- notYetReady = !jQuery.isReady;
-
- test("jQuery.isReady", function () {
- expect(2);
+ jQuery("")
+ .on("slap", "button", jQuery.noop)
+ .on("swing", "button", comeback)
+ .find("button")
+ .on("slap", jQuery.noop)
+ .on("click", comeback)
+ .trigger("click")// bindType-slap and click
+ .off("slap")
+ .trigger("click")// click
+ .off("click")
+ .trigger("swing")// delegateType-slap and swing
+ .end()
+ .off("slap swing", "button")
+ .find("button")// everything should be gone
+ .trigger("slap")
+ .trigger("click")
+ .trigger("swing")
+ .end()
+ .remove();
+ delete jQuery.event.special["slap"];
+
+ jQuery.event.special["gutfeeling"] = {
+ bindType : "click",
+ delegateType : "click",
+ handle : function (event) {
+ equal(event.handleObj.origType, "gutfeeling", "got a gutfeeling");
+ // Need to call the handler since .one() uses it to unbind
+ return event.handleObj.handler.call(this, event);
+ }
+ };
+
+ // Ensure a special event isn't removed by its mapped type
+ jQuery('' + - 'deadbeatclub' + - '
' + - '' + - 'workedorborked?' + - '' + - '
Gut Feeling
') + .on("click", jQuery.noop) + .on("gutfeeling", jQuery.noop) + .off("click") + .trigger("gutfeeling") + .remove(); + + // Ensure special events are removed when only a namespace is provided + jQuery('Gut Feeling
') + .on("gutfeeling.Devo", jQuery.noop) + .off(".Devo") + .trigger("gutfeeling") + .remove(); + + // Ensure .one() events are removed after their maiden voyage + jQuery('Gut Feeling
') + .one("gutfeeling", jQuery.noop) + .trigger("gutfeeling")// This one should + .trigger("gutfeeling")// This one should not + .remove(); + + delete jQuery.event.special["gutfeeling"]; + }); + + test(".on and .off, selective mixed removal (#10705)", function () { + expect(7); + + var clockout = 0, + timingx = function (e) { + ok(true, "triggered " + e.type); + }; + + jQuery("Strange Pursuit
") + .on("click", timingx) + .on("click.duty", timingx) + .on("click.now", timingx) + .on("devo", timingx) + .on("future", timingx) + .trigger("click")// 3 + .trigger("devo")// 1 + .off(".duty devo ")// trailing space + .trigger("future")// 1 + .trigger("click")// 2 + .off("future click") + .trigger("click"); // 0 + }); + + test(".on( event-map, null-selector, data ) #11130", function () { + + expect(1); + + var $p = jQuery("Strange Pursuit
"), + data = "bar", + map = { + "foo" : function (event) { + equal(event.data, "bar", "event.data correctly relayed with null selector"); + $p.remove(); + } + }; + + $p.on(map, null, data).trigger("foo"); + }); + + test("clone() delegated events (#11076)", function () { + expect(3); + + var counter = { "center" : 0, "fold" : 0, "centerfold" : 0 }, + clicked = function (event) { + counter[ jQuery(this).text().replace(/\s+/, "") ]++; + }, + table = + jQuery("| center | fold |