define( [ "jquery", "lib/helper", "ui/dialog" ], function( $, helper ) { return $.extend( helper, { drag: function(element, handle, dx, dy) { var d = element.dialog("widget"); //this mouseover is to work around a limitation in resizable //TODO: fix resizable so handle doesn't require mouseover in order to be used $( handle, d ).simulate("mouseover").simulate( "drag", { dx: dx, dy: dy }); }, testDrag: function(element, dx, dy, expectedDX, expectedDY, msg) { var actualDX, actualDY, offsetAfter, d = element.dialog("widget"), handle = $(".ui-dialog-titlebar", d), offsetBefore = d.offset(); this.drag(element, handle, dx, dy); offsetAfter = d.offset(); msg = msg ? msg + "." : ""; actualDX = offsetAfter.left - offsetBefore.left; actualDY = offsetAfter.top - offsetBefore.top; ok( expectedDX - actualDX <= 1 && expectedDY - actualDY <= 1, "dragged[" + expectedDX + ", " + expectedDY + "] " + msg); }, // TODO switch back to checking the size of the .ui-dialog element (var d) // once we switch to using box-sizing: border-box (#9845) that should work fine // using the element's dimensions to avoid subpixel errors shouldResize: function(element, dw, dh, msg) { var heightAfter, widthAfter, actual, expected, d = element.dialog("widget"), handle = $(".ui-resizable-se", d), heightBefore = element.height(), widthBefore = element.width(); this.drag(element, handle, 50, 50); heightAfter = element.height(); widthAfter = element.width(); msg = msg ? msg + "." : ""; actual = { width: widthAfter, height: heightAfter }, expected = { width: widthBefore + dw, height: heightBefore + dh }; deepEqual(actual, expected, "resized[" + 50 + ", " + 50 + "] " + msg); } } ); } );