[Summary view] [Print] [Text view]

   1  /*

   2   * sortable_methods.js

   3   */
   4  (function($) {
   5  
   6  var el, offsetBefore, offsetAfter, dragged;
   7  
   8  var drag = function(handle, dx, dy) {
   9      offsetBefore = $(handle).offset();
  10      $(handle).simulate("drag", {
  11          dx: dx || 0,
  12          dy: dy || 0
  13      });
  14      dragged = { dx: dx, dy: dy };
  15      offsetAfter = $(handle).offset();
  16  }
  17  
  18  var sort = function(handle, dx, dy, index, msg) {
  19      drag(handle, dx, dy);
  20      equals($(handle).parent().children().index(handle), index, msg);
  21  }
  22  
  23  module("sortable: methods");
  24  
  25  test("init", function() {
  26      expect(6);
  27  
  28      $("<div></div>").appendTo('body').sortable().remove();
  29      ok(true, '.sortable() called on element');
  30  
  31      $([]).sortable();
  32      ok(true, '.sortable() called on empty collection');
  33  
  34      $("<div></div>").sortable();
  35      ok(true, '.sortable() called on disconnected DOMElement');
  36  
  37      $("<div></div>").sortable().sortable("foo");
  38      ok(true, 'arbitrary method called after init');
  39  
  40      $("<div></div>").sortable().data("foo.sortable");
  41      ok(true, 'arbitrary option getter after init');
  42  
  43      $("<div></div>").sortable().data("foo.sortable", "bar");
  44      ok(true, 'arbitrary option setter after init');
  45  });
  46  
  47  test("destroy", function() {
  48      expect(6);
  49  
  50      $("<div></div>").appendTo('body').sortable().sortable("destroy").remove();
  51      ok(true, '.sortable("destroy") called on element');
  52  
  53      $([]).sortable().sortable("destroy");
  54      ok(true, '.sortable("destroy") called on empty collection');
  55  
  56      $("<div></div>").sortable().sortable("destroy");
  57      ok(true, '.sortable("destroy") called on disconnected DOMElement');
  58  
  59      $("<div></div>").sortable().sortable("destroy").sortable("foo");
  60      ok(true, 'arbitrary method called after destroy');
  61  
  62      $("<div></div>").sortable().sortable("destroy").data("foo.sortable");
  63      ok(true, 'arbitrary option getter after destroy');
  64  
  65      $("<div></div>").sortable().sortable("destroy").data("foo.sortable", "bar");
  66      ok(true, 'arbitrary option setter after destroy');
  67  });
  68  
  69  test("enable", function() {
  70      expect(4);
  71      el = $("#sortable").sortable({ disabled: true });
  72  
  73      sort($("li", el)[0], 0, 40, 0, '.sortable({ disabled: true })');
  74  
  75      el.sortable("enable");
  76      equals(el.data("disabled.sortable"), false, "disabled.sortable getter");
  77  
  78      el.sortable("destroy");
  79      el.sortable({ disabled: true });
  80      el.data("disabled.sortable", false);
  81      equals(el.data("disabled.sortable"), false, "disabled.sortable setter");
  82  
  83      sort($("li", el)[0], 0, 40, 2, '.data("disabled.sortable", false)');
  84  });
  85  
  86  test("disable", function() {
  87      expect(5);
  88      el = $("#sortable").sortable({ disabled: false });
  89      sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
  90  
  91      el.sortable("disable");
  92      sort($("li", el)[0], 0, 40, 0, 'disabled.sortable getter');
  93  
  94      el.sortable("destroy");
  95  
  96      el.sortable({ disabled: false });
  97      sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
  98      el.data("disabled.sortable", true);
  99      equals(el.data("disabled.sortable"), true, "disabled.sortable setter");
 100      sort($("li", el)[0], 0, 40, 0, '.data("disabled.sortable", true)');
 101  });
 102  
 103  })(jQuery);