This change involves removal of the map's eventsDiv and introduces an OpenLayers.Events.buttonclick component that adds a buttonclick event which makes sure that only events that are not related to clicking a button propagate. This allows button controls to be on the map's viewPortDiv again.
173 lines
5.9 KiB
HTML
173 lines
5.9 KiB
HTML
<html>
|
|
<head>
|
|
<script src="../OLLoader.js"></script>
|
|
<script type="text/javascript">
|
|
var isMozilla = (navigator.userAgent.indexOf("compatible") == -1);
|
|
var isOpera = (navigator.userAgent.indexOf("Opera") != -1);
|
|
var layer;
|
|
|
|
function test_Layer_EventPane_constructor (t) {
|
|
t.plan( 5 );
|
|
|
|
var layer = new OpenLayers.Layer.EventPane('Test Layer');
|
|
|
|
t.ok( layer instanceof OpenLayers.Layer.EventPane, "new OpenLayers.Layer.EventPane returns object" );
|
|
t.eq( layer.CLASS_NAME, "OpenLayers.Layer.EventPane", "CLASS_NAME variable set correctly");
|
|
t.eq( layer.name, "Test Layer", "layer.name is correct" );
|
|
t.eq( layer.isBaseLayer, true, "EventPane layer is always base layer" );
|
|
if (!isMozilla) {
|
|
t.ok( true, "skipping element test outside of Mozilla");
|
|
} else {
|
|
t.ok( layer.pane instanceof HTMLDivElement, "layer.pane is an HTMLDivElement" );
|
|
}
|
|
}
|
|
|
|
function test_Layer_EventPane_clone (t) {
|
|
t.plan( 1 );
|
|
t.ok( true, "need to actually write some tests here" );
|
|
return;
|
|
|
|
/// FIX ME FIX ME: fix this later
|
|
|
|
var map = new OpenLayers.Map('map');
|
|
var options = { chicken: 151, foo: "bar" };
|
|
var layer = new OpenLayers.Layer('Test Layer', options);
|
|
map.addLayer(layer);
|
|
|
|
// randomly assigned property
|
|
layer.chocolate = 5;
|
|
|
|
var clone = layer.clone();
|
|
|
|
t.ok( clone instanceof OpenLayers.Layer, "new OpenLayers.Layer returns object" );
|
|
t.eq( clone.name, "Test Layer", "default clone.name is correct" );
|
|
t.ok( ((clone.options["chicken"] == 151) && (clone.options["foo"] == "bar")), "clone.options correctly set" );
|
|
t.eq(clone.chocolate, 5, "correctly copied randomly assigned property");
|
|
|
|
layer.addOptions({chicken:152});
|
|
t.eq(clone.options["chicken"], 151, "made a clean copy of options");
|
|
|
|
|
|
t.ok( clone.map == null, "cloned layer has map property set to null")
|
|
|
|
}
|
|
|
|
function test_Layer_EventPane_setMap (t) {
|
|
|
|
// MOUSEMOVE test does not seem to work...
|
|
// t.plan( 2 );
|
|
|
|
if (OpenLayers.BROWSER_NAME != "firefox" && OpenLayers.BROWSER_NAME != "mozilla") {
|
|
t.plan(4);
|
|
} else {
|
|
t.plan(0);
|
|
t.debug_print("Firefox gives different results for different browsers on setMap on EventPane, so just don't run it for now.")
|
|
return;
|
|
}
|
|
var map = new OpenLayers.Map('map');
|
|
|
|
layer = new OpenLayers.Layer.EventPane('Test Layer');
|
|
|
|
//give dummy function so test wont bomb on layer.setMap()
|
|
layer.loadMapObject = function() { };
|
|
layer.getWarningHTML = function() { this.warning = true; return ""; };
|
|
map.addLayer(layer);
|
|
t.eq( parseInt(layer.pane.style.zIndex) - parseInt(layer.div.style.zIndex),
|
|
1, "layer pane is 1 z-level above its div" );
|
|
|
|
t.ok( layer.warning, "warning correctly registered on no mapObject load" );
|
|
|
|
layer2 = new OpenLayers.Layer.EventPane('Test Layer');
|
|
|
|
//give dummy function so test wont bomb on layer.setMap()
|
|
layer2.loadMapObject = function() { this.mapObject = {}; };
|
|
layer2.getWarningHTML = function() { this.warning = true; return ""; }
|
|
|
|
map.addLayer(layer2);
|
|
t.ok(!layer2.warning, "warning not registered on mapObject load");
|
|
|
|
var log = [];
|
|
map.events.register("mousemove", map, function(event) {
|
|
log.push(event);
|
|
});
|
|
|
|
if (document.createEvent) { // Mozilla
|
|
var evObj = document.createEvent('MouseEvents');
|
|
evObj.initEvent('mousemove', true, false);
|
|
map.viewPortDiv.dispatchEvent(evObj);
|
|
} else if(document.createEventObject) { // IE
|
|
map.viewPortDiv.fireEvent('onmousemove');
|
|
}
|
|
|
|
t.eq(log.length, 1, "got one event");
|
|
|
|
}
|
|
|
|
function test_Layer_EventPane_setVisibility (t) {
|
|
t.plan( 2 );
|
|
layer = new OpenLayers.Layer.EventPane('Test Layer');
|
|
layer.setVisibility(false);
|
|
t.eq(layer.visibility, false, "layer pane is now invisible");
|
|
layer.setVisibility(true);
|
|
t.eq(layer.visibility, true, "layer pane is now visible");
|
|
}
|
|
|
|
|
|
function test_Layer_EventPane_removeLayer(t) {
|
|
t.plan(1);
|
|
var map = new OpenLayers.Map('map');
|
|
|
|
layer = new OpenLayers.Layer.EventPane('Test Layer');
|
|
layer.loadMapObject = function() { };
|
|
layer.getWarningHTML = function() { this.warning = true; return ""; };
|
|
map.addLayer(layer);
|
|
map.removeLayer(layer);
|
|
var parent = layer.pane.parentNode;
|
|
// IE creates a DOCUMENT_FRAGMENT_NODE for the parent
|
|
t.ok(!parent || parent.nodeType == 11, "Layer.pane removed from dom.");
|
|
}
|
|
|
|
function test_repeat_add(t) {
|
|
|
|
t.plan(1);
|
|
var map = new OpenLayers.Map("map");
|
|
|
|
layer = new OpenLayers.Layer.EventPane();
|
|
layer.loadMapObject = function() {};
|
|
layer.getWarningHTML = function() {this.warning = true; return "";};
|
|
|
|
map.addLayer(layer);
|
|
map.removeLayer(layer);
|
|
|
|
// try adding the layer a second time
|
|
var msg = "layer successfully added after being removed";
|
|
var pass = true;
|
|
try {
|
|
map.addLayer(layer);
|
|
} catch (err) {
|
|
msg = "couldn't add layer after removing: " + err;
|
|
pass = false;
|
|
}
|
|
t.ok(pass, msg);
|
|
|
|
}
|
|
|
|
function test_destroy(t) {
|
|
|
|
t.plan(2);
|
|
layer = new OpenLayers.Layer.EventPane();
|
|
t.ok(layer.pane, "pane created on initialize");
|
|
|
|
layer.destroy();
|
|
t.ok(!layer.pane, "pane deleted on destroy");
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="map" style="height:500px;width:500px"></div>
|
|
</body>
|
|
</html>
|