]> dev.renevier.net Git - syp.git/blob - openlayers/tests/Control/PanZoomBar.html
initial commit
[syp.git] / openlayers / tests / Control / PanZoomBar.html
1 <html>
2 <head>
3   <script src="../../lib/OpenLayers.js"></script>
4   <script type="text/javascript">
5     var map; 
6     function test_Control_PanZoomBar_constructor (t) {
7         t.plan( 4 );
8     
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."); 
14     }
15     function test_Control_PanZoomBar_addControl (t) {
16         t.plan( 8 );
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"});
21         map.addLayer(layer);
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");
31
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");
35     }
36     
37     function test_Control_PanZoomBar_clearDiv(t) {
38         t.plan(2);
39         map = new OpenLayers.Map('map', {controls:[]});
40         var layer = new OpenLayers.Layer.WMS("Test Layer", 
41             "http://octo.metacarta.com/cgi-bin/mapserv?",
42             {map: "/mapdata/vmap_wms.map", layers: "basic"});
43         map.addLayer(layer);
44         control = new OpenLayers.Control.PanZoomBar();
45         map.addControl(control);
46         control.removeButtons();
47         control._removeZoomBar();
48         t.eq(control.div.childNodes.length, 0, "control's div cleared.");
49         t.eq(control.zoombarDiv, null, "zoombar div nullified.")
50     }
51     
52     function test_Control_PanZoomBar_divClick (t) {
53         t.plan(2);
54         map = new OpenLayers.Map('map', {controls:[]});
55         var layer = new OpenLayers.Layer.WMS("Test Layer", 
56             "http://octo.metacarta.com/cgi-bin/mapserv?",
57             {map: "/mapdata/vmap_wms.map", layers: "basic"});
58         map.addLayer(layer);
59         control = new OpenLayers.Control.PanZoomBar();
60         map.addControl(control);
61         control.divClick({'xy': {'x': 0, 'y': 50}, which: 1});
62         t.eq(map.zoom, 11, "zoom is correct on standard map");
63
64         map.fractionalZoom = true;
65         control.divClick({'xy': {'x': 0, 'y': 49}, which: 1});
66         t.eq(map.zoom.toFixed(3), '10.545', "zoom is correct on fractional zoom map");
67     
68     }
69
70   </script>
71 </head>
72 <body>
73     <div id="map" style="width: 1024px; height: 512px;"/>
74 </body>
75 </html>