3
<script src="../../lib/OpenLayers.js"></script>
4
<script type="text/javascript">
6
function test_Control_PanZoomBar_constructor (t) {
9
control = new OpenLayers.Control.PanZoomBar({position: new OpenLayers.Pixel(100,100)});
10
t.ok( control instanceof OpenLayers.Control.PanZoomBar, "new OpenLayers.Control.PanZoomBar returns object" );
11
t.eq( control.displayClass, "olControlPanZoomBar", "displayClass is correct" );
12
t.eq( control.position.x, 100, "PanZoom X Set correctly.");
13
t.eq( control.position.y, 100, "PanZoom y Set correctly.");
15
function test_Control_PanZoomBar_addControl (t) {
17
map = new OpenLayers.Map('map', {controls:[]});
18
var layer = new OpenLayers.Layer.WMS("Test Layer",
19
"http://octo.metacarta.com/cgi-bin/mapserv?",
20
{map: "/mapdata/vmap_wms.map", layers: "basic"});
22
control = new OpenLayers.Control.PanZoomBar();
23
t.ok( control instanceof OpenLayers.Control.PanZoomBar, "new OpenLayers.Control.PanZoomBar returns object" );
24
t.ok( map instanceof OpenLayers.Map, "new OpenLayers.Map creates map" );
25
map.addControl(control);
26
t.ok( control.map === map, "Control.map is set to the map object" );
27
t.ok( map.controls[0] === control, "map.controls contains control" );
28
t.eq( parseInt(control.div.style.zIndex), 1001, "Control div zIndexed properly" );
29
t.eq( parseInt(map.viewPortDiv.lastChild.style.zIndex), 1001, "Viewport div contains control div" );
30
t.eq( control.div.style.top, "4px", "Control div top located correctly by default");
32
var control2 = new OpenLayers.Control.PanZoomBar();
33
map.addControl(control2, new OpenLayers.Pixel(100,100));
34
t.eq( control2.div.style.top, "100px", "2nd control div is located correctly");
36
function test_Control_PanZoomBar_divClick (t) {
38
map = new OpenLayers.Map('map', {controls:[]});
39
var layer = new OpenLayers.Layer.WMS("Test Layer",
40
"http://octo.metacarta.com/cgi-bin/mapserv?",
41
{map: "/mapdata/vmap_wms.map", layers: "basic"});
43
control = new OpenLayers.Control.PanZoomBar();
44
map.addControl(control);
45
control.divClick({'xy': {'x': 0, 'y': 50}, which: 1});
46
t.eq(map.zoom, 11, "zoom is correct on standard map");
48
map.fractionalZoom = true;
49
control.divClick({'xy': {'x': 0, 'y': 49}, which: 1});
50
t.eq(map.zoom.toFixed(3), '10.545', "zoom is correct on fractional zoom map");
57
<div id="map" style="width: 1024px; height: 512px;"/>