src/event/eventTest.js

   1 module("event");
   2
   3 test("toggle(Function, Function) - add toggle event and fake a few clicks", function() {
   4         expect(1);
   5         var count = 0,
   6                 fn1 = function(e) { count++; },
   7                 fn2 = function(e) { count--; },
   8                 preventDefault = function(e) { e.preventDefault() },
   9                 link = $('#mark');
  10         if ( $.browser.msie || $.browser.opera || /konquerer/i.test(navigator.userAgent) )
  11                 ok( false, "click() on link gets executed in IE/Opera/Konquerer, not intended behaviour!" );
  12         else
  13                 link.click(preventDefault).click().toggle(fn1, fn2).click().click().click().click().click();
  14         ok( count == 1, "Check for toggle(fn, fn)" );
  15 });
  16
  17 test("unbind(event)", function() {
  18         expect(6);
  19         var el = $("#firstp");
  20         el.click(function() {
  21                 ok( true, "Fake normal bind" );
  22         });
  23         el.click(function(event) {
  24                 el.unbind(event);
  25                 ok( true, "Fake onebind" );
  26         });
  27         el.click().click();
  28
  29         el.click(function() { return; });
  30         el.unbind('click');
  31         ok( !el[0].onclick, "Handler is removed" ); // Bug #964
  32
  33         el.click(function() { return; });
  34         el.unbind('change',function(){ return; });
  35         ok( el[0].onclick, "Extra handlers weren't accidentally removed." );
  36
  37         el.unbind('click');
  38         ok( !el[0].$events, "Removed the events expando after all handlers are unbound." );
  39 });
  40
  41 test("trigger(event, [data]", function() {
  42         expect(3);
  43         var handler = function(event, a, b, c) {
  44                 ok( a == 1, "check passed data" );
  45                 ok( b == "2", "check passed data" );
  46                 ok( c == "abc", "check passed data" );
  47         }
  48         $("#firstp").bind("click", handler).trigger("click", [1, "2", "abc"]);
  49 });
  50
  51 test("bind() with data", function() {
  52         expect(2);
  53         var handler = function(event) {
  54                 ok( event.data, "check passed data exists" );
  55                 ok( event.data.foo == "bar", "Check value of passed data" );
  56         }
  57         $("#firstp").bind("click", {foo: "bar"}, handler).click();
  58 });
  59
  60 test("bind() with data and trigger() with data", function() {
  61         expect(4);
  62         var handler = function(event, data) {
  63                 ok( event.data, "check passed data exists" );
  64                 ok( event.data.foo == "bar", "Check value of passed data" );
  65                 ok( data, "Check trigger data" );
  66                 ok( data.bar == "foo", "Check value of trigger data" );
  67         }
  68         $("#firstp").bind("click", {foo: "bar"}, handler).trigger("click", [{bar: "foo"}]);
  69 });
  70
  71 test("toggle(Function,Function) assigned from within one('xxx'), see #1054", function() {
  72         expect(4);
  73         var first = 0;
  74         $("#simon1").one("click", function() {
  75                 ok( true, "Execute event only once" );
  76                 $(this).toggle(function() {
  77                         ok( first++ == 0 );
  78                 }, function() {
  79                         ok( first == 1 );
  80                 });
  81                 return false;
  82         }).click().click().click();
  83         ok( false, "Seems like this doesn't work (that is, it doesn't fail) when triggering the event programmatically" );
  84 });
  85
  86 test("events don't work with iframes, see #939", function() {
  87         expect(2);
  88         var iframe = document.getElementById('iframe');
  89     var doc = iframe.contentDocument;
  90     doc.addEventListener('click', function() {
  91         ok( true, "Event handling via DOM 2 methods" );
  92     }, false);
  93     $(doc).click(function() {
  94         ok( true, "Event handling via jQuery's handler" );
  95     }).click();
  96 });
  97
  98 test("Event.data is a global event object", function() {
  99         expect(3);
 100         var counter = 0;
 101         function selectOnChange(event) {
 102                 equals( event.data, counter++ );
 103         }
 104         $("select").each(function(i){
 105                 $(this).bind('change', i, selectOnChange);
 106         }).trigger('change');
 107 });
 108
 109 test("click event handler for checkbox gets fired twice, see #815", function() {
 110         expect(1);
 111         $("#check1").click(function() {
 112                 ok( true );
 113         }).click();
 114 });