Pullup r2999:3087 for RC2.
svn merge trunk/openlayers/@2999 trunk/openlayers/@HEAD branches/openlayers/2.4/ git-svn-id: http://svn.openlayers.org/branches/openlayers/2.4@3088 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
crschmidt
362
tests/Marker/test_Box.html
Normal file
362
tests/Marker/test_Box.html
Normal file
@@ -0,0 +1,362 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="../../lib/OpenLayers.js"></script>
|
||||
<script type="text/javascript"><!--
|
||||
var box;
|
||||
|
||||
function test_01_Box_constructor (t) {
|
||||
t.plan( 7 );
|
||||
|
||||
OpenLayers.Marker.Box.prototype._setBorder =
|
||||
OpenLayers.Marker.Box.prototype.setBorder;
|
||||
OpenLayers.Marker.Box.prototype.setBorder = function (x,y) {
|
||||
g_Color = x;
|
||||
g_Width = y;
|
||||
};
|
||||
|
||||
var bounds = new OpenLayers.Bounds(1,2,3,4);
|
||||
var borderColor = "blue";
|
||||
var borderWidth = 55;
|
||||
|
||||
|
||||
g_Color = g_Width = null;
|
||||
box = new OpenLayers.Marker.Box(bounds, borderColor, borderWidth);
|
||||
|
||||
t.ok( box instanceof OpenLayers.Marker.Box, "new OpenLayers.Marker.Box returns Box object" );
|
||||
t.ok( box.bounds.equals(bounds), "bounds object correctly set");
|
||||
t.ok( box.div != null, "div created");
|
||||
t.eq( box.div.style.overflow, "hidden", "div style overflow hidden");
|
||||
t.ok( box.events != null, "events object created");
|
||||
t.eq( g_Color, borderColor, "setBorder called with correct border color");
|
||||
t.eq( g_Width, borderWidth, "setBorder called with correct border width");
|
||||
|
||||
|
||||
OpenLayers.Marker.Box.prototype.setBorder =
|
||||
OpenLayers.Marker.Box.prototype._setBorder;
|
||||
}
|
||||
|
||||
|
||||
function test_02_Box_setBorder(t) {
|
||||
t.plan( 2 );
|
||||
|
||||
var box = {
|
||||
div: {
|
||||
style: {}
|
||||
}
|
||||
};
|
||||
|
||||
//defaults
|
||||
var args = [];
|
||||
OpenLayers.Marker.Box.prototype.setBorder.apply(box, args);
|
||||
t.eq(box.div.style.border, "2px solid red", "style correctly set with no good values (defaults work)");
|
||||
|
||||
//good vals
|
||||
var borderColor = "blue";
|
||||
var borderWidth = 55;
|
||||
|
||||
args = [borderColor, borderWidth];
|
||||
OpenLayers.Marker.Box.prototype.setBorder.apply(box, args);
|
||||
t.eq(box.div.style.border, borderWidth + "px solid " + borderColor, "style correctly set with both good values");
|
||||
|
||||
}
|
||||
function test_03_Box_draw(t) {
|
||||
t.plan( 5 );
|
||||
|
||||
OpenLayers.Util._modifyDOMElement =
|
||||
OpenLayers.Util.modifyDOMElement;
|
||||
OpenLayers.Util.modifyDOMElement =
|
||||
function (element, id, px, sz) {
|
||||
g_Element = element;
|
||||
g_Id = id;
|
||||
g_Px = px;
|
||||
g_Sz = sz;
|
||||
};
|
||||
|
||||
var box = {
|
||||
div: {}
|
||||
};
|
||||
|
||||
|
||||
var px = {};
|
||||
var sz = {};
|
||||
var args = [px, sz];
|
||||
|
||||
g_Element = g_Id = g_Px = g_Sz = null;
|
||||
var retVal = OpenLayers.Marker.Box.prototype.draw.apply(box, args);
|
||||
|
||||
t.eq(g_Element, box.div, "modifyDOMElement passes box's div for element");
|
||||
t.eq(g_Id, null, "modifyDOMElement passes null for id");
|
||||
t.eq(g_Px, px, "modifyDOMElement passes new px value for px");
|
||||
t.eq(g_Sz, sz, "modifyDOMElement passes new sz value for sz");
|
||||
t.ok(retVal == box.div, "draw returns box's div");
|
||||
|
||||
OpenLayers.Util.modifyDOMElement =
|
||||
OpenLayers.Util._modifyDOMElement;
|
||||
|
||||
}
|
||||
|
||||
function test_04_Box_onScreen(t) {
|
||||
t.plan( 2 );
|
||||
|
||||
var map = new OpenLayers.Map("map");
|
||||
|
||||
var url = "http://octo.metacarta.com/cgi-bin/mapserv";
|
||||
layer = new OpenLayers.Layer.WMS(name, url);
|
||||
|
||||
map.addLayer(layer);
|
||||
|
||||
mlayer = new OpenLayers.Layer.Boxes('Test Layer');
|
||||
map.addLayer(mlayer);
|
||||
|
||||
map.zoomToExtent(new OpenLayers.Bounds(-50,-50,50,50));
|
||||
|
||||
//onscreen box
|
||||
var bounds = new OpenLayers.Bounds(-1,-1,1,1);
|
||||
var box = new OpenLayers.Marker.Box(bounds);
|
||||
mlayer.addMarker(box);
|
||||
|
||||
t.ok( box.onScreen(), "box knows it's onscreen" );
|
||||
|
||||
//offscreen box
|
||||
var bounds = new OpenLayers.Bounds(100,100,150,150);
|
||||
var box2 = new OpenLayers.Marker.Box(bounds);
|
||||
mlayer.addMarker(box2);
|
||||
|
||||
t.ok( !box2.onScreen(), "box knows it's offscreen" );
|
||||
map.destroy();
|
||||
}
|
||||
|
||||
function test_05_Box_display(t) {
|
||||
t.plan( 2 );
|
||||
|
||||
var box = {
|
||||
div: {
|
||||
style: {}
|
||||
}
|
||||
};
|
||||
|
||||
//display(true)
|
||||
var args = [true];
|
||||
OpenLayers.Marker.Box.prototype.display.apply(box, args);
|
||||
t.eq(box.div.style.display, "", "style.display correctly set to '' when display(true)");
|
||||
|
||||
//display(false)
|
||||
var args = [false];
|
||||
OpenLayers.Marker.Box.prototype.display.apply(box, args);
|
||||
t.eq(box.div.style.display, "none", "style.display correctly set to 'none' when display(false)");
|
||||
}
|
||||
|
||||
function test_99_Box_destroy(t) {
|
||||
t.plan(3);
|
||||
|
||||
OpenLayers.Marker.prototype._destroy =
|
||||
OpenLayers.Marker.prototype.destroy;
|
||||
OpenLayers.Marker.prototype.destroy = function() {
|
||||
g_Destroy = true;
|
||||
}
|
||||
|
||||
var bounds = new OpenLayers.Bounds(1,2,3,4);
|
||||
var borderColor = "blue";
|
||||
var borderWidth = 55;
|
||||
|
||||
g_Destroy = null;
|
||||
box = new OpenLayers.Marker.Box(bounds, borderColor, borderWidth);
|
||||
box.destroy();
|
||||
|
||||
t.eq(box.bounds, null, "bounds nullified");
|
||||
t.eq(box.div, null, "div nullified");
|
||||
t.ok(g_Destroy == true, "OpenLayers.Marker.destroy() called");
|
||||
|
||||
|
||||
OpenLayers.Marker.prototype.destroy =
|
||||
OpenLayers.Marker.prototype._destroy;
|
||||
}
|
||||
|
||||
// -->
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="map" style="width:500px;height:550px"></div>
|
||||
</body>
|
||||
</html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="../../lib/OpenLayers.js"></script>
|
||||
<script type="text/javascript"><!--
|
||||
var box;
|
||||
|
||||
function test_01_Box_constructor (t) {
|
||||
t.plan( 7 );
|
||||
|
||||
OpenLayers.Marker.Box.prototype._setBorder =
|
||||
OpenLayers.Marker.Box.prototype.setBorder;
|
||||
OpenLayers.Marker.Box.prototype.setBorder = function (x,y) {
|
||||
g_Color = x;
|
||||
g_Width = y;
|
||||
};
|
||||
|
||||
var bounds = new OpenLayers.Bounds(1,2,3,4);
|
||||
var borderColor = "blue";
|
||||
var borderWidth = 55;
|
||||
|
||||
|
||||
g_Color = g_Width = null;
|
||||
box = new OpenLayers.Marker.Box(bounds, borderColor, borderWidth);
|
||||
|
||||
t.ok( box instanceof OpenLayers.Marker.Box, "new OpenLayers.Marker.Box returns Box object" );
|
||||
t.ok( box.bounds.equals(bounds), "bounds object correctly set");
|
||||
t.ok( box.div != null, "div created");
|
||||
t.eq( box.div.style.overflow, "hidden", "div style overflow hidden");
|
||||
t.ok( box.events != null, "events object created");
|
||||
t.eq( g_Color, borderColor, "setBorder called with correct border color");
|
||||
t.eq( g_Width, borderWidth, "setBorder called with correct border width");
|
||||
|
||||
|
||||
OpenLayers.Marker.Box.prototype.setBorder =
|
||||
OpenLayers.Marker.Box.prototype._setBorder;
|
||||
}
|
||||
|
||||
|
||||
function test_02_Box_setBorder(t) {
|
||||
t.plan( 2 );
|
||||
|
||||
var box = {
|
||||
div: {
|
||||
style: {}
|
||||
}
|
||||
};
|
||||
|
||||
//defaults
|
||||
var args = [];
|
||||
OpenLayers.Marker.Box.prototype.setBorder.apply(box, args);
|
||||
t.eq(box.div.style.border, "2px solid red", "style correctly set with no good values (defaults work)");
|
||||
|
||||
//good vals
|
||||
var borderColor = "blue";
|
||||
var borderWidth = 55;
|
||||
|
||||
args = [borderColor, borderWidth];
|
||||
OpenLayers.Marker.Box.prototype.setBorder.apply(box, args);
|
||||
t.eq(box.div.style.border, borderWidth + "px solid " + borderColor, "style correctly set with both good values");
|
||||
|
||||
}
|
||||
function test_03_Box_draw(t) {
|
||||
t.plan( 5 );
|
||||
|
||||
OpenLayers.Util._modifyDOMElement =
|
||||
OpenLayers.Util.modifyDOMElement;
|
||||
OpenLayers.Util.modifyDOMElement =
|
||||
function (element, id, px, sz) {
|
||||
g_Element = element;
|
||||
g_Id = id;
|
||||
g_Px = px;
|
||||
g_Sz = sz;
|
||||
};
|
||||
|
||||
var box = {
|
||||
div: {}
|
||||
};
|
||||
|
||||
|
||||
var px = {};
|
||||
var sz = {};
|
||||
var args = [px, sz];
|
||||
|
||||
g_Element = g_Id = g_Px = g_Sz = null;
|
||||
var retVal = OpenLayers.Marker.Box.prototype.draw.apply(box, args);
|
||||
|
||||
t.eq(g_Element, box.div, "modifyDOMElement passes box's div for element");
|
||||
t.eq(g_Id, null, "modifyDOMElement passes null for id");
|
||||
t.eq(g_Px, px, "modifyDOMElement passes new px value for px");
|
||||
t.eq(g_Sz, sz, "modifyDOMElement passes new sz value for sz");
|
||||
t.ok(retVal == box.div, "draw returns box's div");
|
||||
|
||||
OpenLayers.Util.modifyDOMElement =
|
||||
OpenLayers.Util._modifyDOMElement;
|
||||
|
||||
}
|
||||
|
||||
function test_04_Box_onScreen(t) {
|
||||
t.plan( 2 );
|
||||
|
||||
var map = new OpenLayers.Map("map");
|
||||
|
||||
var url = "http://octo.metacarta.com/cgi-bin/mapserv";
|
||||
layer = new OpenLayers.Layer.WMS(name, url);
|
||||
|
||||
map.addLayer(layer);
|
||||
|
||||
mlayer = new OpenLayers.Layer.Boxes('Test Layer');
|
||||
map.addLayer(mlayer);
|
||||
|
||||
map.zoomToExtent(new OpenLayers.Bounds(-50,-50,50,50));
|
||||
|
||||
//onscreen box
|
||||
var bounds = new OpenLayers.Bounds(-1,-1,1,1);
|
||||
var box = new OpenLayers.Marker.Box(bounds);
|
||||
mlayer.addMarker(box);
|
||||
|
||||
t.ok( box.onScreen(), "box knows it's onscreen" );
|
||||
|
||||
//offscreen box
|
||||
var bounds = new OpenLayers.Bounds(100,100,150,150);
|
||||
var box2 = new OpenLayers.Marker.Box(bounds);
|
||||
mlayer.addMarker(box2);
|
||||
|
||||
t.ok( !box2.onScreen(), "box knows it's offscreen" );
|
||||
map.destroy();
|
||||
}
|
||||
|
||||
function test_05_Box_display(t) {
|
||||
t.plan( 2 );
|
||||
|
||||
var box = {
|
||||
div: {
|
||||
style: {}
|
||||
}
|
||||
};
|
||||
|
||||
//display(true)
|
||||
var args = [true];
|
||||
OpenLayers.Marker.Box.prototype.display.apply(box, args);
|
||||
t.eq(box.div.style.display, "", "style.display correctly set to '' when display(true)");
|
||||
|
||||
//display(false)
|
||||
var args = [false];
|
||||
OpenLayers.Marker.Box.prototype.display.apply(box, args);
|
||||
t.eq(box.div.style.display, "none", "style.display correctly set to 'none' when display(false)");
|
||||
}
|
||||
|
||||
function test_99_Box_destroy(t) {
|
||||
t.plan(3);
|
||||
|
||||
OpenLayers.Marker.prototype._destroy =
|
||||
OpenLayers.Marker.prototype.destroy;
|
||||
OpenLayers.Marker.prototype.destroy = function() {
|
||||
g_Destroy = true;
|
||||
}
|
||||
|
||||
var bounds = new OpenLayers.Bounds(1,2,3,4);
|
||||
var borderColor = "blue";
|
||||
var borderWidth = 55;
|
||||
|
||||
g_Destroy = null;
|
||||
box = new OpenLayers.Marker.Box(bounds, borderColor, borderWidth);
|
||||
box.destroy();
|
||||
|
||||
t.eq(box.bounds, null, "bounds nullified");
|
||||
t.eq(box.div, null, "div nullified");
|
||||
t.ok(g_Destroy == true, "OpenLayers.Marker.destroy() called");
|
||||
|
||||
|
||||
OpenLayers.Marker.prototype.destroy =
|
||||
OpenLayers.Marker.prototype._destroy;
|
||||
}
|
||||
|
||||
// -->
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="map" style="width:500px;height:550px"></div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user