Cleaned up a lot of the test suite - reorganized and renamed tests. Added a new trigg...
[jquery.git] / src / event / eventTest.js
index 595ea02..0ad4ffb 100644 (file)
@@ -1,21 +1,70 @@
 module("event");
 
-test("toggle(Function, Function) - add toggle event and fake a few clicks", function() {
-       expect(1);
-       var count = 0,
-               fn1 = function(e) { count++; },
-               fn2 = function(e) { count--; },
-               preventDefault = function(e) { e.preventDefault() },
-               link = $('#mark');
-       if($.browser.msie || $.browser.opera)
-               ok( false, "click() on link gets executed in IE/Opera, not intended behaviour!" );
-       else
-               link.click(preventDefault).click().toggle(fn1, fn2).click().click().click().click().click();
-       ok( count == 1, "Check for toggle(fn, fn)" );
+test("bind()", function() {
+       expect(11);
+
+       var handler = function(event) {
+               ok( event.data, "bind() with data, check passed data exists" );
+               ok( event.data.foo == "bar", "bind() with data, Check value of passed data" );
+       }
+       $("#firstp").bind("click", {foo: "bar"}, handler).click();
+       
+       reset();
+       var handler = function(event, data) {
+               ok( event.data, "check passed data exists" );
+               ok( event.data.foo == "bar", "Check value of passed data" );
+               ok( data, "Check trigger data" );
+               ok( data.bar == "foo", "Check value of trigger data" );
+       }
+       $("#firstp").bind("click", {foo: "bar"}, handler).trigger("click", [{bar: "foo"}]);
+       
+       // events don't work with iframes, see #939
+    var tmp = document.createElement('iframe');
+    document.body.appendChild( tmp );
+    var doc = tmp.contentDocument;
+    doc.open();
+    doc.write("<html><body><input type='text'/></body></html>");
+    doc.close();
+    
+    var input = doc.getElementsByTagName("input")[0];
+    
+    input.addEventListener('click', function() {
+       ok( true, "Event handling via DOM 2 methods" );
+    }, false);
+    
+    $(input).bind("click",function() {
+       ok( true, "Event handling via jQuery's handler" );
+    });
+    
+    triggerEvent( input, "click" );
+    
+    document.body.removeChild( tmp );
+
+       var counter = 0;
+       function selectOnChange(event) {
+               equals( event.data, counter++, "Event.data is a global event object" );
+       }
+       $("select").each(function(i){
+               $(this).bind('change', i, selectOnChange);
+       }).trigger('change');
+});
+
+test("click()", function() {
+       expect(3);\r
+       $('<li><a href="#">Change location</a></li>').prependTo('#firstUL').find('a').bind('click', function() {\r
+           var close = $('spanx', this); // same with $(this).find('span');\r
+           ok( close.length == 0, "Context element does not exist, length must be zero" );\r
+           ok( !close[0], "Context element does not exist, direct access to element must return undefined" );\r
+           return false;\r
+       }).click();
+       
+       $("#check1").click(function() {
+               ok( true, "click event handler for checkbox gets fired twice, see #815" );
+       }).click();\r
 });
 
 test("unbind(event)", function() {
-       expect(3);
+       expect(6);
        var el = $("#firstp");
        el.click(function() {
                ok( true, "Fake normal bind" );
@@ -25,6 +74,17 @@ test("unbind(event)", function() {
                ok( true, "Fake onebind" );
        });
        el.click().click();
+       
+       el.click(function() { return; });
+       el.unbind('click');
+       ok( !el[0].onclick, "Handler is removed" ); // Bug #964
+
+       el.click(function() { return; });
+       el.unbind('change',function(){ return; });
+       ok( el[0].onclick, "Extra handlers weren't accidentally removed." );
+
+       el.unbind('click');
+       ok( !el[0].$events, "Removed the events expando after all handlers are unbound." );
 });
 
 test("trigger(event, [data]", function() {
@@ -37,22 +97,27 @@ test("trigger(event, [data]", function() {
        $("#firstp").bind("click", handler).trigger("click", [1, "2", "abc"]);
 });
 
-test("bind() with data", function() {
-       expect(2);
-       var handler = function(event) {
-               ok( event.data, "check passed data exists" );
-               ok( event.data.foo == "bar", "Check value of passed data" );
-       }
-       $("#firstp").bind("click", {foo: "bar"}, handler).click();
-});
-
-test("bind() with data and trigger() with data", function() {
+test("toggle(Function, Function)", function() {
        expect(4);
-       var handler = function(event, data) {
-               ok( event.data, "check passed data exists" );
-               ok( event.data.foo == "bar", "Check value of passed data" );
-               ok( data, "Check trigger data" );
-               ok( data.bar == "foo", "Check value of trigger data" );
-       }
-       $("#firstp").bind("click", {foo: "bar"}, handler).trigger("click", [{bar: "foo"}]);
+       var count = 0,
+               fn1 = function(e) { count++; },
+               fn2 = function(e) { count--; },
+               preventDefault = function(e) { e.preventDefault() },
+               link = $('#mark');
+       if ( $.browser.msie || $.browser.opera || /konquerer/i.test(navigator.userAgent) )
+               ok( false, "click() on link gets executed in IE/Opera/Konquerer, not intended behaviour!" );
+       else
+               link.click(preventDefault).click().toggle(fn1, fn2).click().click().click().click().click();
+       ok( count == 1, "Check for toggle(fn, fn)" );
+       
+       var first = 0;
+       $("#simon1").one("click", function() {
+               ok( true, "Execute event only once" );
+               $(this).toggle(function() {
+                       ok( first++ == 0, "toggle(Function,Function) assigned from within one('xxx'), see #1054" );
+               }, function() {
+                       ok( first == 1, "toggle(Function,Function) assigned from within one('xxx'), see #1054" );
+               });
+               return false;
+       }).click().click().click();
 });
\ No newline at end of file