6 module("resizable: events");
8 test("start", function() {
13 handle = ".ui-resizable-se";
15 $("#resizable1").resizable({
17 start: function(event, ui) {
18 equal( ui.size.width, 100, "compare width" );
19 equal( ui.size.height, 100, "compare height" );
20 equal( ui.originalSize.width, 100, "compare original width" );
21 equal( ui.originalSize.height, 100, "compare original height" );
26 TestHelpers.resizable.drag(handle, 50, 50);
28 equal(count, 1, "start callback should happen exactly once");
32 test( "resize", function() {
37 handle = ".ui-resizable-se";
39 $("#resizable1").resizable({
41 resize: function( event, ui ) {
43 equal( ui.size.width, 125, "compare width" );
44 equal( ui.size.height, 125, "compare height" );
45 equal( ui.originalSize.width, 100, "compare original width" );
46 equal( ui.originalSize.height, 100, "compare original height" );
48 equal( ui.size.width, 150, "compare width" );
49 equal( ui.size.height, 150, "compare height" );
50 equal( ui.originalSize.width, 100, "compare original width" );
51 equal( ui.originalSize.height, 100, "compare original height" );
57 TestHelpers.resizable.drag( handle, 50, 50 );
59 equal( count, 2, "resize callback should happen exactly once per size adjustment" );
63 test( "resize (min/max dimensions)", function() {
68 handle = ".ui-resizable-se";
70 $("#resizable1").resizable({
76 resize: function( event, ui ) {
77 equal( ui.size.width, 60, "compare width" );
78 equal( ui.size.height, 60, "compare height" );
79 equal( ui.originalSize.width, 100, "compare original width" );
80 equal( ui.originalSize.height, 100, "compare original height" );
85 TestHelpers.resizable.drag( handle, -200, -200 );
87 equal( count, 1, "resize callback should happen exactly once per size adjustment" );
91 test( "resize (containment)", function() {
96 handle = ".ui-resizable-se",
97 container = $("#resizable1").wrap("<div>").parent().css({
102 $("#resizable1").resizable({
104 containment: container,
105 resize: function( event, ui ) {
106 equal( ui.size.width, 10, "compare width" );
107 equal( ui.size.height, 10, "compare height" );
108 equal( ui.originalSize.width, 100, "compare original width" );
109 equal( ui.originalSize.height, 100, "compare original height" );
114 // Prove you can't resize outside containment by dragging southeast corner southeast
115 TestHelpers.resizable.drag( handle, 100, 100 );
117 // Prove you can't resize outside containment by dragging southeast corner northwest
118 TestHelpers.resizable.drag( handle, -200, -200 );
120 equal( count, 1, "resize callback should happen exactly once per size adjustment" );
124 test("resize (grid)", function() {
129 handle = ".ui-resizable-se";
131 $("#resizable1").resizable({
134 resize: function(event, ui) {
135 equal( ui.size.width, 150, "compare width" );
136 equal( ui.size.height, 150, "compare height" );
137 equal( ui.originalSize.width, 100, "compare original width" );
138 equal( ui.originalSize.height, 100, "compare original height" );
143 TestHelpers.resizable.drag(handle, 50, 50);
145 equal(count, 1, "resize callback should happen exactly once per grid-unit size adjustment");
149 test("stop", function() {
154 handle = ".ui-resizable-se";
156 $("#resizable1").resizable({
158 stop: function(event, ui) {
159 equal( ui.size.width, 150, "compare width" );
160 equal( ui.size.height, 150, "compare height" );
161 equal( ui.originalSize.width, 100, "compare original width" );
162 equal( ui.originalSize.height, 100, "compare original height" );
167 TestHelpers.resizable.drag(handle, 50, 50);
169 equal(count, 1, "stop callback should happen exactly once");