[Summary view] [Print] [Text view]

   1  /*

   2   * dialog_events.js

   3   */
   4  (function($) {
   5  
   6  module("dialog: events");
   7  
   8  test("open", function() {
   9      expect(6);
  10  
  11      el = $("<div></div>");
  12      el.dialog({
  13          open: function(ev, ui) {
  14              ok(true, 'autoOpen: true fires open callback');
  15              equals(this, el[0], "context of callback");
  16          }
  17      });
  18      el.remove();
  19  
  20      el = $("<div></div>");
  21      el.dialog({
  22          autoOpen: false,
  23          open: function(ev, ui) {
  24              ok(true, '.dialog("open") fires open callback');
  25              equals(this, el[0], "context of callback");
  26          }
  27      });
  28      el.dialog("open");
  29      el.remove();
  30  
  31      el = $('<div></div>').dialog({
  32          autoOpen: false
  33      });
  34      el.bind('dialogopen', function(ev, ui) {
  35          ok(true, 'dialog("open") fires open event');
  36          equals(this, el[0], 'context of event');
  37      });
  38      el.dialog('open');
  39      el.remove();
  40  });
  41  
  42  test("dragStart", function() {
  43      expect(2);
  44  
  45      el = $("<div></div>");
  46      el.dialog({
  47          dragStart: function(ev, ui) {
  48              ok(true, 'dragging fires dragStart callback');
  49              equals(this, el[0], "context of callback");
  50          }
  51      });
  52      var handle = $(".ui-dialog-titlebar", dlg());
  53      drag(handle, 50, 50);
  54      el.remove();
  55  });
  56  
  57  test("drag", function() {
  58      var fired = false;
  59  
  60      el = $("<div></div>");
  61      el.dialog({
  62          drag: function(ev, ui) {
  63              fired = true;
  64              equals(this, el[0], "context of callback");
  65          }
  66      });
  67      var handle = $(".ui-dialog-titlebar", dlg());
  68      drag(handle, 50, 50);
  69      ok(fired, "drag fired");
  70      el.remove();
  71  });
  72  
  73  test("dragStop", function() {
  74      expect(2);
  75  
  76      el = $("<div></div>");
  77      el.dialog({
  78          dragStop: function(ev, ui) {
  79              ok(true, 'dragging fires dragStop callback');
  80              equals(this, el[0], "context of callback");
  81          }
  82      });
  83      var handle = $(".ui-dialog-titlebar", dlg());
  84      drag(handle, 50, 50);
  85      el.remove();
  86  });
  87  
  88  test("resizeStart", function() {
  89      expect(2);
  90  
  91      el = $("<div></div>");
  92      el.dialog({
  93          resizeStart: function(ev, ui) {
  94              ok(true, 'resizing fires resizeStart callback');
  95              equals(this, el[0], "context of callback");
  96          }
  97      });
  98      var handle = $(".ui-resizable-se", dlg());
  99      drag(handle, 50, 50);
 100      el.remove();
 101  });
 102  
 103  test("resize", function() {
 104      var fired = false;
 105  
 106      el = $("<div></div>");
 107      el.dialog({
 108          resize: function(ev, ui) {
 109              fired = true;
 110              equals(this, el[0], "context of callback");
 111          }
 112      });
 113      var handle = $(".ui-resizable-se", dlg());
 114      drag(handle, 50, 50);
 115      ok(fired, "resize fired");
 116      el.remove();
 117  });
 118  
 119  test("resizeStop", function() {
 120      expect(2);
 121  
 122      el = $("<div></div>");
 123      el.dialog({
 124          resizeStop: function(ev, ui) {
 125              ok(true, 'resizing fires resizeStop callback');
 126              equals(this, el[0], "context of callback");
 127          }
 128      });
 129      var handle = $(".ui-resizable-se", dlg());
 130      drag(handle, 50, 50);
 131      el.remove();
 132  });
 133  
 134  test("close", function() {
 135      expect(4);
 136  
 137      el = $('<div></div>').dialog({
 138          close: function(ev, ui) {
 139              ok(true, '.dialog("close") fires close callback');
 140              equals(this, el[0], "context of callback");
 141          }
 142      });
 143      el.dialog("close");
 144      el.remove();
 145  
 146      el = $('<div></div>').dialog().bind('dialogclose', function(ev, ui) {
 147          ok(true, '.dialog("close") fires dialogclose event');
 148          equals(this, el[0], 'context of event');
 149      });
 150      el.dialog('close');
 151      el.remove();
 152  });
 153  
 154  test("beforeclose", function() {
 155      expect(6);
 156  
 157      el = $('<div></div>').dialog({
 158          beforeclose: function(ev, ui) {
 159              ok(true, '.dialog("close") fires beforeclose callback');
 160              equals(this, el[0], "context of callback");
 161              return false;
 162          }
 163      });
 164      el.dialog('close');
 165      isOpen('beforeclose callback should prevent dialog from closing');
 166      el.remove();
 167  
 168      el = $('<div></div>').dialog().bind('dialogbeforeclose', function(ev, ui) {
 169          ok(true, '.dialog("close") triggers dialogbeforeclose event');
 170          equals(this, el[0], "context of event");
 171          return false;
 172      });
 173      el.dialog('close');
 174      isOpen('dialogbeforeclose event should prevent dialog from closing');
 175      el.remove();
 176  });
 177  
 178  })(jQuery);