michael@0: module("event"); michael@0: michael@0: test("bind(), with data", function() { michael@0: expect(3); michael@0: var handler = function(event) { michael@0: ok( event.data, "bind() with data, check passed data exists" ); michael@0: equals( event.data.foo, "bar", "bind() with data, Check value of passed data" ); michael@0: }; michael@0: $("#firstp").bind("click", {foo: "bar"}, handler).click().unbind("click", handler); michael@0: michael@0: ok( !jQuery.data($("#firstp")[0], "events"), "Event handler unbound when using data." ); michael@0: }); michael@0: michael@0: test("bind(), with data, trigger with data", function() { michael@0: expect(4); michael@0: var handler = function(event, data) { michael@0: ok( event.data, "check passed data exists" ); michael@0: equals( event.data.foo, "bar", "Check value of passed data" ); michael@0: ok( data, "Check trigger data" ); michael@0: equals( data.bar, "foo", "Check value of trigger data" ); michael@0: }; michael@0: $("#firstp").bind("click", {foo: "bar"}, handler).trigger("click", [{bar: "foo"}]).unbind("click", handler); michael@0: }); michael@0: michael@0: test("bind(), multiple events at once", function() { michael@0: expect(2); michael@0: var clickCounter = 0, michael@0: mouseoverCounter = 0; michael@0: var handler = function(event) { michael@0: if (event.type == "click") michael@0: clickCounter += 1; michael@0: else if (event.type == "mouseover") michael@0: mouseoverCounter += 1; michael@0: }; michael@0: $("#firstp").bind("click mouseover", handler).trigger("click").trigger("mouseover"); michael@0: equals( clickCounter, 1, "bind() with multiple events at once" ); michael@0: equals( mouseoverCounter, 1, "bind() with multiple events at once" ); michael@0: }); michael@0: michael@0: test("bind(), no data", function() { michael@0: expect(1); michael@0: var handler = function(event) { michael@0: ok ( !event.data, "Check that no data is added to the event object" ); michael@0: }; michael@0: $("#firstp").bind("click", handler).trigger("click"); michael@0: }); michael@0: michael@0: test("bind(), iframes", function() { michael@0: // events don't work with iframes, see #939 - this test fails in IE because of contentDocument michael@0: // var doc = document.getElementById("iframe").contentDocument; michael@0: // michael@0: // doc.body.innerHTML = ""; michael@0: // michael@0: // var input = doc.getElementsByTagName("input")[0]; michael@0: // michael@0: // $(input).bind("click",function() { michael@0: // ok( true, "Binding to element inside iframe" ); michael@0: // }).click(); michael@0: }); michael@0: michael@0: test("bind(), trigger change on select", function() { michael@0: expect(3); michael@0: var counter = 0; michael@0: function selectOnChange(event) { michael@0: equals( event.data, counter++, "Event.data is not a global event object" ); michael@0: }; michael@0: $("#form select").each(function(i){ michael@0: $(this).bind('change', i, selectOnChange); michael@0: }).trigger('change'); michael@0: }); michael@0: michael@0: test("bind(), namespaced events, cloned events", function() { michael@0: expect(6); michael@0: michael@0: $("#firstp").bind("custom.test",function(e){ michael@0: ok(true, "Custom event triggered"); michael@0: }); michael@0: michael@0: $("#firstp").bind("click",function(e){ michael@0: ok(true, "Normal click triggered"); michael@0: }); michael@0: michael@0: $("#firstp").bind("click.test",function(e){ michael@0: ok(true, "Namespaced click triggered"); michael@0: }); michael@0: michael@0: // Trigger both bound fn (2) michael@0: $("#firstp").trigger("click"); michael@0: michael@0: // Trigger one bound fn (1) michael@0: $("#firstp").trigger("click.test"); michael@0: michael@0: // Remove only the one fn michael@0: $("#firstp").unbind("click.test"); michael@0: michael@0: // Trigger the remaining fn (1) michael@0: $("#firstp").trigger("click"); michael@0: michael@0: // Remove the remaining fn michael@0: $("#firstp").unbind(".test"); michael@0: michael@0: // Trigger the remaining fn (0) michael@0: $("#firstp").trigger("custom"); michael@0: michael@0: // using contents will get comments regular, text, and comment nodes michael@0: $("#nonnodes").contents().bind("tester", function () { michael@0: equals(this.nodeType, 1, "Check node,textnode,comment bind just does real nodes" ); michael@0: }).trigger("tester"); michael@0: michael@0: // Make sure events stick with appendTo'd elements (which are cloned) #2027 michael@0: $("test").click(function(){ return false; }).appendTo("p"); michael@0: ok( $("a.test:first").triggerHandler("click") === false, "Handler is bound to appendTo'd elements" ); michael@0: }); michael@0: michael@0: test("trigger() shortcuts", function() { michael@0: expect(6); michael@0: $('
  • Change location
    • ').prependTo('#firstUL').find('a').bind('click', function() { michael@0: var close = $('spanx', this); // same with $(this).find('span'); michael@0: equals( close.length, 0, "Context element does not exist, length must be zero" ); michael@0: ok( !close[0], "Context element does not exist, direct access to element must return undefined" ); michael@0: return false; michael@0: }).click(); michael@0: michael@0: $("#check1").click(function() { michael@0: ok( true, "click event handler for checkbox gets fired twice, see #815" ); michael@0: }).click(); michael@0: michael@0: var counter = 0; michael@0: $('#firstp')[0].onclick = function(event) { michael@0: counter++; michael@0: }; michael@0: $('#firstp').click(); michael@0: equals( counter, 1, "Check that click, triggers onclick event handler also" ); michael@0: michael@0: var clickCounter = 0; michael@0: $('#simon1')[0].onclick = function(event) { michael@0: clickCounter++; michael@0: }; michael@0: $('#simon1').click(); michael@0: equals( clickCounter, 1, "Check that click, triggers onclick event handler on an a tag also" ); michael@0: michael@0: $('').load(function(){ michael@0: ok( true, "Trigger the load event, using the shortcut .load() (#2819)"); michael@0: }).load(); michael@0: }); michael@0: michael@0: test("unbind(event)", function() { michael@0: expect(8); michael@0: var el = $("#firstp"); michael@0: el.click(function() { michael@0: ok( true, "Fake normal bind" ); michael@0: }); michael@0: el.click(function(event) { michael@0: el.unbind(event); michael@0: ok( true, "Fake onebind" ); michael@0: }); michael@0: el.click().click(); michael@0: michael@0: el.click(function() { return; }); michael@0: el.unbind('click'); michael@0: ok( !el[0].onclick, "Handler is removed" ); // Bug #964 michael@0: michael@0: el.click(function() { return; }); michael@0: el.unbind('change',function(){ return; }); michael@0: for (var ret in jQuery.data(el[0], "events")['click']) break; michael@0: ok( ret, "Extra handlers weren't accidentally removed." ); michael@0: michael@0: el.unbind('click'); michael@0: ok( !jQuery.data(el[0], "events"), "Removed the events expando after all handlers are unbound." ); michael@0: michael@0: reset(); michael@0: var clickCounter = (mouseoverCounter = 0); michael@0: var handler = function(event) { michael@0: if (event.type == "click") michael@0: clickCounter += 1; michael@0: else if (event.type == "mouseover") michael@0: mouseoverCounter += 1; michael@0: }; michael@0: $("#firstp").bind("click mouseover", handler).unbind("click mouseover", handler).trigger("click").trigger("mouseover"); michael@0: equals( clickCounter, 0, "unbind() with multiple events at once" ); michael@0: equals( mouseoverCounter, 0, "unbind() with multiple events at once" ); michael@0: }); michael@0: michael@0: test("trigger(event, [data], [fn])", function() { michael@0: expect(67); michael@0: michael@0: var handler = function(event, a, b, c) { michael@0: equals( event.type, "click", "check passed data" ); michael@0: equals( a, 1, "check passed data" ); michael@0: equals( b, "2", "check passed data" ); michael@0: equals( c, "abc", "check passed data" ); michael@0: return "test"; michael@0: }; michael@0: michael@0: var handler2 = function(a, b, c) { michael@0: equals( a, 1, "check passed data" ); michael@0: equals( b, "2", "check passed data" ); michael@0: equals( c, "abc", "check passed data" ); michael@0: return false; michael@0: }; michael@0: michael@0: var handler3 = function(a, b, c, v) { michael@0: equals( a, 1, "check passed data" ); michael@0: equals( b, "2", "check passed data" ); michael@0: equals( c, "abc", "check passed data" ); michael@0: equals( v, "test", "check current value" ); michael@0: return "newVal"; michael@0: }; michael@0: michael@0: var handler4 = function(a, b, c, v) { michael@0: equals( a, 1, "check passed data" ); michael@0: equals( b, "2", "check passed data" ); michael@0: equals( c, "abc", "check passed data" ); michael@0: equals( v, "test", "check current value" ); michael@0: }; michael@0: michael@0: // Simulate a "native" click michael@0: $("#firstp")[0].click = function(){ michael@0: ok( true, "Native call was triggered" ); michael@0: }; michael@0: michael@0: // Triggers handlrs and native michael@0: // Trigger 5 michael@0: $("#firstp").bind("click", handler).trigger("click", [1, "2", "abc"]); michael@0: michael@0: // Triggers handlers, native, and extra fn michael@0: // Triggers 9 michael@0: $("#firstp").trigger("click", [1, "2", "abc"], handler4); michael@0: michael@0: // Simulate a "native" click michael@0: $("#firstp")[0].click = function(){ michael@0: ok( false, "Native call was triggered" ); michael@0: }; michael@0: michael@0: // Triggers handlers, native, and extra fn michael@0: // Triggers 7 michael@0: $("#firstp").trigger("click", [1, "2", "abc"], handler2); michael@0: michael@0: // Trigger only the handlers (no native) michael@0: // Triggers 5 michael@0: equals( $("#firstp").triggerHandler("click", [1, "2", "abc"]), "test", "Verify handler response" ); michael@0: michael@0: // Trigger only the handlers (no native) and extra fn michael@0: // Triggers 8 michael@0: equals( $("#firstp").triggerHandler("click", [1, "2", "abc"], handler2), false, "Verify handler response" ); michael@0: michael@0: // Build fake click event to pass in michael@0: var eventObj = jQuery.event.fix({ type: "foo", target: document.body }); michael@0: michael@0: // Trigger only the handlers (no native), with external event obj michael@0: // Triggers 5 michael@0: equals( $("#firstp").triggerHandler("click", [eventObj, 1, "2", "abc"]), "test", "Verify handler response" ); michael@0: michael@0: // Trigger only the handlers (no native) and extra fn, with external event obj michael@0: // Triggers 9 michael@0: eventObj = jQuery.event.fix({ type: "foo", target: document.body }); michael@0: equals( $("#firstp").triggerHandler("click", [eventObj, 1, "2", "abc"], handler), "test", "Verify handler response" ); michael@0: michael@0: var pass = true; michael@0: try { michael@0: $('input:first') michael@0: .hide() michael@0: .trigger('focus'); michael@0: } catch(e) { michael@0: pass = false; michael@0: } michael@0: ok( pass, "Trigger focus on hidden element" ); michael@0: michael@0: // have the extra handler override the return michael@0: // Triggers 9 michael@0: equals( $("#firstp").triggerHandler("click", [1, "2", "abc"], handler3), "newVal", "Verify triggerHandler return is overwritten by extra function" ); michael@0: michael@0: // have the extra handler leave the return value alone michael@0: // Triggers 9 michael@0: equals( $("#firstp").triggerHandler("click", [1, "2", "abc"], handler4), "test", "Verify triggerHandler return is not overwritten by extra function" ); michael@0: }); michael@0: michael@0: test("toggle(Function, Function, ...)", function() { michael@0: expect(11); michael@0: michael@0: var count = 0, michael@0: fn1 = function(e) { count++; }, michael@0: fn2 = function(e) { count--; }, michael@0: preventDefault = function(e) { e.preventDefault() }, michael@0: link = $('#mark'); michael@0: link.click(preventDefault).click().toggle(fn1, fn2).click().click().click().click().click(); michael@0: equals( count, 1, "Check for toggle(fn, fn)" ); michael@0: michael@0: $("#firstp").toggle(function () { michael@0: equals(arguments.length, 4, "toggle correctly passes through additional triggered arguments, see #1701" ) michael@0: }, function() {}).trigger("click", [ 1, 2, 3 ]); michael@0: michael@0: var first = 0; michael@0: $("#simon1").one("click", function() { michael@0: ok( true, "Execute event only once" ); michael@0: $(this).toggle(function() { michael@0: equals( first++, 0, "toggle(Function,Function) assigned from within one('xxx'), see #1054" ); michael@0: }, function() { michael@0: equals( first, 1, "toggle(Function,Function) assigned from within one('xxx'), see #1054" ); michael@0: }); michael@0: return false; michael@0: }).click().click().click(); michael@0: michael@0: var turn = 0; michael@0: var fns = [ michael@0: function(){ michael@0: turn = 1; michael@0: }, michael@0: function(){ michael@0: turn = 2; michael@0: }, michael@0: function(){ michael@0: turn = 3; michael@0: } michael@0: ]; michael@0: michael@0: var $div = $("
     
    ").toggle( fns[0], fns[1], fns[2] ); michael@0: $div.click(); michael@0: equals( turn, 1, "Trying toggle with 3 functions, attempt 1 yields 1"); michael@0: $div.click(); michael@0: equals( turn, 2, "Trying toggle with 3 functions, attempt 2 yields 2"); michael@0: $div.click(); michael@0: equals( turn, 3, "Trying toggle with 3 functions, attempt 3 yields 3"); michael@0: $div.click(); michael@0: equals( turn, 1, "Trying toggle with 3 functions, attempt 4 yields 1"); michael@0: $div.click(); michael@0: equals( turn, 2, "Trying toggle with 3 functions, attempt 5 yields 2"); michael@0: michael@0: $div.unbind('click',fns[0]); michael@0: var data = $.data( $div[0], 'events' ); michael@0: ok( !data, "Unbinding one function from toggle unbinds them all"); michael@0: }); michael@0: michael@0: test("jQuery(function($) {})", function() { michael@0: stop(); michael@0: jQuery(function($) { michael@0: equals(jQuery, $, "ready doesn't provide an event object, instead it provides a reference to the jQuery function, see http://docs.jquery.com/Events/ready#fn"); michael@0: start(); michael@0: }); michael@0: }); michael@0: michael@0: test("event properties", function() { michael@0: stop(); michael@0: $("#simon1").click(function(event) { michael@0: ok( event.timeStamp, "assert event.timeStamp is present" ); michael@0: start(); michael@0: }).click(); michael@0: });