[Summary view] [Print] [Text view]

   1  /*

   2   * resizable_options.js

   3   */
   4  (function($) {
   5  
   6  module("resizable: options");
   7  
   8  test("aspectRatio: 'preserve' (e)", function() {
   9      expect(4);
  10  
  11      var handle = '.ui-resizable-e', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
  12  
  13      drag(handle, 80);
  14      equals( target.width(), 130, "compare maxWidth");
  15      equals( target.height(), 130, "compare maxHeight");
  16  
  17      drag(handle, -130);
  18      equals( target.width(), 70, "compare minWidth");
  19      equals( target.height(), 70, "compare minHeight");
  20  });
  21  
  22  test("aspectRatio: 'preserve' (w)", function() {
  23      expect(4);
  24  
  25      var handle = '.ui-resizable-w', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
  26  
  27      drag(handle, -80);
  28      equals( target.width(), 130, "compare maxWidth");
  29      equals( target.height(), 130, "compare maxHeight");
  30  
  31      drag(handle, 130);
  32      equals( target.width(), 70, "compare minWidth");
  33      equals( target.height(), 70, "compare minHeight");
  34  });
  35  
  36  test("aspectRatio: 'preserve' (n)", function() {
  37      expect(4);
  38  
  39      var handle = '.ui-resizable-n', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
  40  
  41      drag(handle, 0, -80);
  42      equals( target.width(), 130, "compare maxWidth");
  43      equals( target.height(), 130, "compare maxHeight");
  44  
  45      drag(handle, 0, 80);
  46      equals( target.width(), 70, "compare minWidth");
  47      equals( target.height(), 70, "compare minHeight");
  48  });
  49  
  50  test("aspectRatio: 'preserve' (s)", function() {
  51      expect(4);
  52  
  53      var handle = '.ui-resizable-s', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
  54  
  55      drag(handle, 0, 80);
  56      equals( target.width(), 130, "compare maxWidth");
  57      equals( target.height(), 130, "compare maxHeight");
  58  
  59      drag(handle, 0, -80);
  60      equals( target.width(), 70, "compare minWidth");
  61      equals( target.height(), 70, "compare minHeight");
  62  });
  63  
  64  test("aspectRatio: 'preserve' (se)", function() {
  65      expect(4);
  66  
  67      var handle = '.ui-resizable-se', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
  68  
  69      drag(handle, 80, 80);
  70      equals( target.width(), 130, "compare maxWidth");
  71      equals( target.height(), 130, "compare maxHeight");
  72  
  73      drag(handle, -80, -80);
  74      equals( target.width(), 70, "compare minWidth");
  75      equals( target.height(), 70, "compare minHeight");
  76  });
  77  
  78  test("aspectRatio: 'preserve' (sw)", function() {
  79      expect(4);
  80  
  81      var handle = '.ui-resizable-sw', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
  82  
  83      drag(handle, -80, 80);
  84      equals( target.width(), 130, "compare maxWidth");
  85      equals( target.height(), 130, "compare maxHeight");
  86  
  87      drag(handle, 80, -80);
  88      equals( target.width(), 70, "compare minWidth");
  89      equals( target.height(), 70, "compare minHeight");
  90  });
  91  
  92  test("aspectRatio: 'preserve' (ne)", function() {
  93      expect(4);
  94  
  95      var handle = '.ui-resizable-ne', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
  96  
  97      drag(handle, 80, -80);
  98      equals( target.width(), 130, "compare maxWidth");
  99      equals( target.height(), 130, "compare maxHeight");
 100  
 101      drag(handle, -80, 80);
 102      equals( target.width(), 70, "compare minWidth");
 103      equals( target.height(), 70, "compare minHeight");
 104  });
 105  
 106  test("grid", function() {
 107      expect(4);
 108  
 109      var handle = '.ui-resizable-se', target = $('#resizable1').resizable({ handles: 'all', grid: [0, 20] });
 110  
 111      drag(handle, 3, 9);
 112      equals( target.width(), 103, "compare width");
 113      equals( target.height(), 100, "compare height");
 114  
 115      drag(handle, 15, 11);
 116      equals( target.width(), 118, "compare width");
 117      equals( target.height(), 120, "compare height");
 118  });
 119  
 120  test("grid (wrapped)", function() {
 121      expect(4);
 122  
 123      var handle = '.ui-resizable-se', target = $('#resizable2').resizable({ handles: 'all', grid: [0, 20] });
 124  
 125      drag(handle, 3, 9);
 126      equals( target.width(), 103, "compare width");
 127      equals( target.height(), 100, "compare height");
 128  
 129      drag(handle, 15, 11);
 130      equals( target.width(), 118, "compare width");
 131      equals( target.height(), 120, "compare height");
 132  });
 133  
 134  test("ui-resizable-se { handles: 'all', minWidth: 60, minHeight: 60, maxWidth: 100, maxHeight: 100 }", function() {
 135      expect(4);
 136  
 137      var handle = '.ui-resizable-se', target = $('#resizable1').resizable({ handles: 'all', minWidth: 60, minHeight: 60, maxWidth: 100, maxHeight: 100 });
 138  
 139      drag(handle, -50, -50);
 140      equals( target.width(), 60, "compare minWidth" );
 141      equals( target.height(), 60, "compare minHeight" );
 142  
 143      drag(handle, 70, 70);
 144      equals( target.width(), 100, "compare maxWidth" );
 145      equals( target.height(), 100, "compare maxHeight" );
 146  });
 147  
 148  test("ui-resizable-sw { handles: 'all', minWidth: 60, minHeight: 60, maxWidth: 100, maxHeight: 100 }", function() {
 149      expect(4);
 150  
 151      var handle = '.ui-resizable-sw', target = $('#resizable1').resizable({ handles: 'all', minWidth: 60, minHeight: 60, maxWidth: 100, maxHeight: 100 });
 152  
 153      drag(handle, 50, -50);
 154      equals( target.width(), 60, "compare minWidth" );
 155      equals( target.height(), 60, "compare minHeight" );
 156  
 157      drag(handle, -70, 70);
 158      equals( target.width(), 100, "compare maxWidth" );
 159      equals( target.height(), 100, "compare maxHeight" );
 160  });
 161  
 162  test("ui-resizable-ne { handles: 'all', minWidth: 60, minHeight: 60, maxWidth: 100, maxHeight: 100 }", function() {
 163      expect(4);
 164  
 165      var handle = '.ui-resizable-ne', target = $('#resizable1').resizable({ handles: 'all', minWidth: 60, minHeight: 60, maxWidth: 100, maxHeight: 100 });
 166  
 167      drag(handle, -50, 50);
 168      equals( target.width(), 60, "compare minWidth" );
 169      equals( target.height(), 60, "compare minHeight" );
 170  
 171      drag(handle, 70, -70);
 172      equals( target.width(), 100, "compare maxWidth" );
 173      equals( target.height(), 100, "compare maxHeight" );
 174  });
 175  
 176  test("ui-resizable-nw { handles: 'all', minWidth: 60, minHeight: 60, maxWidth: 100, maxHeight: 100 }", function() {
 177      expect(4);
 178  
 179      var handle = '.ui-resizable-nw', target = $('#resizable1').resizable({ handles: 'all', minWidth: 60, minHeight: 60, maxWidth: 100, maxHeight: 100 });
 180  
 181      drag(handle, 70, 70);
 182      equals( target.width(), 60, "compare minWidth" );
 183      equals( target.height(), 60, "compare minHeight" );
 184  
 185      drag(handle, -70, -70);
 186      equals( target.width(), 100, "compare maxWidth" );
 187      equals( target.height(), 100, "compare maxHeight" );
 188  });
 189  
 190  })(jQuery);