summaryrefslogtreecommitdiff
path: root/misc/openlayers/tests/Control/PanZoom.html
diff options
context:
space:
mode:
Diffstat (limited to 'misc/openlayers/tests/Control/PanZoom.html')
-rw-r--r--misc/openlayers/tests/Control/PanZoom.html244
1 files changed, 244 insertions, 0 deletions
diff --git a/misc/openlayers/tests/Control/PanZoom.html b/misc/openlayers/tests/Control/PanZoom.html
new file mode 100644
index 0000000..4982fb0
--- /dev/null
+++ b/misc/openlayers/tests/Control/PanZoom.html
@@ -0,0 +1,244 @@
+<html>
+<head>
+ <script src="../OLLoader.js"></script>
+ <script type="text/javascript">
+ var map;
+ function test_Control_PanZoom_constructor (t) {
+ t.plan( 4 );
+
+ control = new OpenLayers.Control.PanZoom();
+ t.ok( control instanceof OpenLayers.Control.PanZoom, "new OpenLayers.Control.PanZoom returns object" );
+ t.eq( control.displayClass, "olControlPanZoom", "displayClass is correct" );
+ control = new OpenLayers.Control.PanZoom({position: new OpenLayers.Pixel(100,100)});
+ t.eq( control.position.x, 100, "PanZoom X Set correctly.");
+ t.eq( control.position.y, 100, "PanZoom y Set correctly.");
+ }
+ function test_Control_PanZoom_addControl (t) {
+ t.plan( 8 );
+ map = new OpenLayers.Map('map');
+ control = new OpenLayers.Control.PanZoom();
+ t.ok( control instanceof OpenLayers.Control.PanZoom, "new OpenLayers.Control.PanZoom returns object" );
+ t.ok( map instanceof OpenLayers.Map, "new OpenLayers.Map creates map" );
+ map.addControl(control);
+ t.ok( control.map === map, "Control.map is set to the map object" );
+ t.ok( map.controls[4] === control, "map.controls contains control" );
+ t.eq( parseInt(control.div.style.zIndex), map.Z_INDEX_BASE['Control'] + 5, "Control div zIndexed properly" );
+ t.eq( parseInt(map.viewPortDiv.lastChild.style.zIndex), map.Z_INDEX_BASE['Control'] + 5, "Viewport div contains control div" );
+ t.eq( control.div.style.top, "4px", "Control div top located correctly by default");
+
+ var control2 = new OpenLayers.Control.PanZoom();
+ map.addControl(control2, new OpenLayers.Pixel(100,100));
+ t.eq( control2.div.style.top, "100px", "2nd control div is located correctly");
+ }
+
+ function test_Control_PanZoom_removeButtons(t) {
+ t.plan(2);
+ map = new OpenLayers.Map("map");
+ control = new OpenLayers.Control.PanZoom();
+ map.addControl(control);
+ control.removeButtons();
+ t.eq(control.buttons.length, 0, "buttons array cleared correctly");
+ t.eq(control.div.childNodes.length, 0, "control div is empty");
+ }
+
+ function test_Control_PanZoom_control_events (t) {
+
+ // IE 9+ does support the standard document.createEvent,
+ // event.initMouseEvent, and elem.dispatchEvent calls, so it
+ // should be possible to simulate clicks in this browser.
+ // For example it looks like jQuery UI does simulate events
+ // using document.createElement in IE 9+. See
+ // https://github.com/jquery/jquery-ui/blob/master/tests/jquery.simulate.js.
+ // I haven't been able to make it work though.
+
+ if ( !window.document.createEvent ||
+ OpenLayers.BROWSER_NAME == "msie" ||
+ OpenLayers.BROWSER_NAME == "opera" ||
+ !t.open_window) {
+
+ t.plan(0);
+ t.debug_print("FIXME: This browser does not support the PanZoom test at this time.");
+ } else {
+ t.plan(35);
+ t.open_window( "Control/PanZoom.html", function( wnd ) {
+ t.delay_call( 3, function() {
+ var flag;
+ function setFlag(evt) {
+ flag[evt.type] = true;
+ }
+ function resetFlags() {
+ flag = {
+ mousedown: false,
+ mouseup: false,
+ click: false,
+ dblclick: false
+ };
+ }
+ resetFlags();
+
+ wnd.mapper.events.register("mousedown", mapper, setFlag);
+ wnd.mapper.events.register("mouseup", mapper, setFlag);
+ wnd.mapper.events.register("click", mapper, setFlag);
+ wnd.mapper.events.register("dblclick", mapper, setFlag);
+
+ simulateClick(wnd, wnd.control.buttons[0]);
+ t.delay_call(2, function() {
+ t.ok( wnd.mapper.getCenter().lat > wnd.centerLL.lat, "1) Pan up works correctly" );
+ t.ok(!flag.mousedown, "1) mousedown does not get to the map");
+ t.ok(!flag.mouseup, "1) mouseup does not get to the map");
+ t.ok(!flag.click, "1) click does not get to the map");
+ t.ok(!flag.dblclick, "1) dblclick does not get to the map");
+ resetFlags();
+
+ simulateClick(wnd, wnd.control.buttons[1]);
+ }, 2, function() {
+ t.ok( wnd.mapper.getCenter().lon < wnd.centerLL.lon, "2) Pan left works correctly" );
+ t.ok(!flag.mousedown, "2) mousedown does not get to the map");
+ t.ok(!flag.mouseup, "2) mouseup does not get to the map");
+ t.ok(!flag.click, "2) click does not get to the map");
+ t.ok(!flag.dblclick, "2) dblclick does not get to the map");
+ resetFlags();
+
+ simulateClick(wnd, wnd.control.buttons[2]);
+ }, 2, function() {
+ t.ok( wnd.mapper.getCenter().lon == wnd.centerLL.lon, "3) Pan right works correctly" );
+ t.ok(!flag.mousedown, "3) mousedown does not get to the map");
+ t.ok(!flag.mouseup, "3) mouseup does not get to the map");
+ t.ok(!flag.click, "3) click does not get to the map");
+ t.ok(!flag.dblclick, "3) dblclick does not get to the map");
+ resetFlags();
+
+ simulateClick(wnd, wnd.control.buttons[3]);
+ }, 2, function() {
+ t.ok( wnd.mapper.getCenter().lat == wnd.centerLL.lat, "4) Pan down works correctly" );
+ t.ok(!flag.mousedown, "4) mousedown does not get to the map");
+ t.ok(!flag.mouseup, "4) mouseup does not get to the map");
+ t.ok(!flag.click, "4) click does not get to the map");
+ t.ok(!flag.dblclick, "4) dblclick does not get to the map");
+ resetFlags();
+
+ simulateClick(wnd, wnd.control.buttons[4]);
+ }, 2, function() {
+ t.eq( wnd.mapper.getZoom(), 6, "5) zoomin works correctly" );
+ t.ok(!flag.mousedown, "5) mousedown does not get to the map");
+ t.ok(!flag.mouseup, "5) mouseup does not get to the map");
+ t.ok(!flag.click, "5) click does not get to the map");
+ t.ok(!flag.dblclick, "5) dblclick does not get to the map");
+ resetFlags();
+
+ simulateClick(wnd, wnd.control.buttons[6]);
+ }, 2, function() {
+ t.eq( wnd.mapper.getZoom(), 5, "6) zoomout works correctly" );
+ t.ok(!flag.mousedown, "6) mousedown does not get to the map");
+ t.ok(!flag.mouseup, "6) mouseup does not get to the map");
+ t.ok(!flag.click, "6) click does not get to the map");
+ t.ok(!flag.dblclick, "6) dblclick does not get to the map");
+ resetFlags();
+
+ simulateClick(wnd, wnd.control.buttons[5]);
+ }, 2, function() {
+ t.eq( wnd.mapper.getZoom(), 2, "7) zoomworld works correctly" );
+ t.ok(!flag.mousedown, "7) mousedown does not get to the map");
+ t.ok(!flag.mouseup, "7) mouseup does not get to the map");
+ t.ok(!flag.click, "7) click does not get to the map");
+ t.ok(!flag.dblclick, "7) dblclick does not get to the map");
+ resetFlags();
+ });
+ });
+ });
+ }
+ }
+
+ function test_slideRatio(t) {
+ t.plan(4);
+
+ var control = new OpenLayers.Control.PanZoom({
+ slideRatio: .5
+ });
+
+ var map = new OpenLayers.Map();
+
+ map.addControl(control);
+ control.draw();
+ control.activate();
+
+ map.getSize = function() {
+ return {
+ w: 250,
+ h: 100
+ }
+ };
+
+ var delta, dir;
+ var buttons = control.buttons;
+ map.pan = function(dx, dy){
+ t.eq([dx,dy],delta,"Panning " + dir + " sets right delta with slideRatio");
+ };
+
+ //up
+ var delta = [0, -50];
+ var dir = "up";
+ var evt = {buttonElement: buttons[0]};
+ control.onButtonClick.call(control, evt);
+
+ //left
+ var delta = [-125, 0];
+ var dir = "left";
+ evt.buttonElement = buttons[1];
+ control.onButtonClick.call(control, evt);
+
+ //right
+ var delta = [125, 0];
+ var dir = "right";
+ evt.buttonElement = buttons[2];
+ control.onButtonClick.call(control, evt);
+
+ //down
+ var delta = [0, 50];
+ var dir = "down";
+ evt.buttonElement = buttons[3];
+ control.onButtonClick.call(control, evt);
+
+ map.destroy();
+ }
+
+ function simulateClick(wnd, elem) {
+ var evt = wnd.document.createEvent("MouseEvents");
+ evt.initMouseEvent("mousedown", true, true, wnd, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+ elem.dispatchEvent(evt);
+
+ evt = wnd.document.createEvent("MouseEvents");
+ evt.initMouseEvent("mouseup", true, true, wnd, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+ elem.dispatchEvent(evt);
+
+ evt = wnd.document.createEvent("MouseEvents");
+ evt.initMouseEvent("click", true, true, wnd, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+ elem.dispatchEvent(evt);
+
+ evt = wnd.document.createEvent("MouseEvents");
+ evt.initMouseEvent("dblclick", true, true, wnd, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+ elem.dispatchEvent(evt);
+ }
+
+ function loader() {
+ control = new OpenLayers.Control.PanZoom();
+
+ mapper = new OpenLayers.Map('map', { controls: [control]});
+
+
+ var layer = new OpenLayers.Layer.WMS("Test Layer",
+ "http://labs.metacarta.com/wms-c/Basic.py?",
+ {layers: "basic"});
+ mapper.addLayer(layer);
+
+ centerLL = new OpenLayers.LonLat(0,0);
+ mapper.setCenter(centerLL, 5);
+ }
+
+
+ </script>
+</head>
+<body onload="loader()">
+ <div id="map" style="width: 1024px; height: 512px;"/>
+</body>
+</html>
generated by cgit v1.2.3 (git 2.25.1) at 2024-12-22 14:11:53 +0000