TestHelpers.dialog = { drag: function(el, handle, dx, dy) { var d = el.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(el, dx, dy, expectedDX, expectedDY, msg) { var actual, expected, offsetAfter, d = el.dialog('widget'), handle = $(".ui-dialog-titlebar", d), offsetBefore = d.offset(); TestHelpers.dialog.drag(el, handle, dx, dy); offsetAfter = d.offset(); msg = msg ? msg + "." : ""; actual = { left: Math.round(offsetAfter.left), top: Math.round(offsetAfter.top) }, expected = { left: Math.round(offsetBefore.left + expectedDX), top: Math.round(offsetBefore.top + expectedDY) }; deepEqual(actual, expected, 'dragged[' + expectedDX + ', ' + expectedDY + '] ' + msg); }, shouldResize: function(el, dw, dh, msg) { var heightAfter, widthAfter, actual, expected, d = el.dialog('widget'), handle = $(".ui-resizable-se", d), heightBefore = d.height(), widthBefore = d.width(); TestHelpers.dialog.drag(el, handle, 50, 50); heightAfter = d.height(); widthAfter = d.width(); msg = msg ? msg + "." : ""; actual = { width: widthAfter, height: heightAfter }, expected = { width: widthBefore + dw, height: heightBefore + dh }; deepEqual(actual, expected, 'resized[' + 50 + ', ' + 50 + '] ' + msg); } };