using jquery ui draggable changes the state of an element from absolute to relative
positioning, which breaks the way our seek button expands itself, so we need to
force absolute positioning, quite uglily, using jquery.
/* tests for layout.js */
function test_layout() {
module("layout manager", {setup:
function() {
IriSP.jQuery("#widget-div").append("<div id='LdtPlayer'></div>");
IriSP.jQuery("#widget-div").append("<div id='myDiv'></div>");
}});
test("test the default initialization of layout manager", function() {
var lay = new IriSP.LayoutManager();
equal(lay._div, "LdtPlayer", "the default div is set correctly");
equal(lay._width, 640, "the default width is set correctly");
equal(lay._height, undefined, "the default height is set correctly");
equal(IriSP.jQuery("#" + lay._div).css("width"), lay._width + "px", "div width is set correctly");
});
test("test custom init of layout manager", function() {
var lay = new IriSP.LayoutManager({container: "myDiv", width: 327, height: 542});
equal(lay._div, "myDiv", "the default div is set correctly");
equal(lay._width, 327, "the default width is set correctly");
equal(lay._height, 542, "the default height is set correctly");
equal(IriSP.jQuery("#" + lay._div).css("width"), lay._width + "px", "div width is set correctly");
equal(IriSP.jQuery("#" + lay._div).css("height"), lay._height + "px", "div height is set correctly");
});
test("test widget div creation", function() {
var lay = new IriSP.LayoutManager({});
var ret = lay.createDiv();
var divId = ret[0];
var spacerId = ret[1];
equal(lay.selector.children("#" + divId).length, 1, "check that a subdiv container is created");
equal(lay.selector.children("#" + spacerId).length, 1, "check that a spacer subdiv is created");
equal(lay.selector.children("#" + spacerId).height() + "px", IriSP.widgetsDefaults.LayoutManager.spacer_div_height, "check that spacer height is set");
});
};