source: ether_iasi/trunk/web/resources/js/OpenLayers-2.12/tests/Marker/Box.html @ 738

Last change on this file since 738 was 738, checked in by vmipsl, 11 years ago

OpenLayers?
File size: 5.5 KB
Line 
1<html>
2<head>
3  <script src="../OLLoader.js"></script>
4  <script type="text/javascript">
5    var box; 
6   
7    function test_Box_constructor (t) {
8        t.plan( 7 );
9
10        OpenLayers.Marker.Box.prototype._setBorder = 
11            OpenLayers.Marker.Box.prototype.setBorder;
12        OpenLayers.Marker.Box.prototype.setBorder = function (x,y) {
13            g_Color = x;
14            g_Width = y;
15        };
16
17        var bounds = new OpenLayers.Bounds(1,2,3,4);
18        var borderColor = "blue";
19        var borderWidth = 55;
20
21
22        g_Color = g_Width = null;
23        box = new OpenLayers.Marker.Box(bounds, borderColor, borderWidth);
24
25        t.ok( box instanceof OpenLayers.Marker.Box, "new OpenLayers.Marker.Box returns Box object" );
26        t.ok( box.bounds.equals(bounds), "bounds object correctly set");
27        t.ok( box.div != null, "div created");
28        //Safari 3 separates style overflow into overflow-x and overflow-y
29        var prop = (OpenLayers.BROWSER_NAME == 'safari') ? 'overflowX' : 'overflow';
30        t.eq( box.div.style[prop], "hidden", "div style overflow hidden");
31        t.ok( box.events != null, "events object created");
32        t.eq( g_Color, borderColor, "setBorder called with correct border color");       
33        t.eq( g_Width, borderWidth, "setBorder called with correct border width");       
34       
35
36        OpenLayers.Marker.Box.prototype.setBorder = 
37            OpenLayers.Marker.Box.prototype._setBorder;
38    }
39
40
41    function test_Box_setBorder(t) {
42        t.plan( 2 );
43
44        var box = {
45            div: {
46                style: {}
47            }
48        };
49
50      //defaults
51        var args = [];
52        OpenLayers.Marker.Box.prototype.setBorder.apply(box, args);
53        t.eq(box.div.style.border, "2px solid red", "style correctly set with no good values (defaults work)");
54
55      //good vals
56        var borderColor = "blue";
57        var borderWidth = 55;
58
59        args = [borderColor, borderWidth];
60        OpenLayers.Marker.Box.prototype.setBorder.apply(box, args);
61        t.eq(box.div.style.border, borderWidth + "px solid " + borderColor, "style correctly set with both good values");
62
63    }
64    function test_Box_draw(t) {
65        t.plan( 5 );
66
67        OpenLayers.Util._modifyDOMElement = 
68            OpenLayers.Util.modifyDOMElement;
69        OpenLayers.Util.modifyDOMElement = 
70            function (element, id, px, sz) {
71                g_Element = element;
72                g_Id = id;
73                g_Px = px;
74                g_Sz = sz;
75            };
76
77        var box = {
78            div: {}
79        };
80
81       
82        var px = {};
83        var sz = {};
84        var args = [px, sz];
85
86        g_Element = g_Id = g_Px = g_Sz = null;
87        var retVal = OpenLayers.Marker.Box.prototype.draw.apply(box, args);
88
89        t.eq(g_Element, box.div, "modifyDOMElement passes box's div for element");
90        t.eq(g_Id, null, "modifyDOMElement passes null for id");
91        t.eq(g_Px, px, "modifyDOMElement passes new px value for px");
92        t.eq(g_Sz, sz, "modifyDOMElement passes new sz value for sz");
93        t.ok(retVal == box.div, "draw returns box's div");
94
95        OpenLayers.Util.modifyDOMElement = 
96            OpenLayers.Util._modifyDOMElement;
97
98    }
99
100    function test_Box_onScreen(t) {
101        t.plan( 2 );
102
103        var map = new OpenLayers.Map("map");
104
105        var url = "http://octo.metacarta.com/cgi-bin/mapserv";
106        layer = new OpenLayers.Layer.WMS("WMS Layer", url);
107
108        map.addLayer(layer);
109       
110        mlayer = new OpenLayers.Layer.Boxes('Test Layer');
111        map.addLayer(mlayer);
112               
113        map.zoomToExtent(new OpenLayers.Bounds(-50,-50,50,50));
114
115        //onscreen box
116        var bounds = new OpenLayers.Bounds(-1,-1,1,1);
117        var box = new OpenLayers.Marker.Box(bounds);
118        mlayer.addMarker(box);
119       
120        t.ok( box.onScreen(), "box knows it's onscreen" );
121
122        //offscreen box
123        var bounds = new OpenLayers.Bounds(100,100,150,150);
124        var box2 = new OpenLayers.Marker.Box(bounds);
125        mlayer.addMarker(box2);
126
127        t.ok( !box2.onScreen(), "box knows it's offscreen" );
128        map.destroy();
129    }
130
131    function test_Box_display(t) {
132        t.plan( 2 );
133
134        var box = {
135            div: {
136                style: {}
137            }
138        };
139
140      //display(true)
141        var args = [true];
142        OpenLayers.Marker.Box.prototype.display.apply(box, args);
143        t.eq(box.div.style.display, "", "style.display correctly set to '' when display(true)");
144
145      //display(false)
146        var args = [false];
147        OpenLayers.Marker.Box.prototype.display.apply(box, args);
148        t.eq(box.div.style.display, "none", "style.display correctly set to 'none' when display(false)");
149    }
150
151    function test_Box_destroy(t) {
152        t.plan(3);
153       
154        OpenLayers.Marker.prototype._destroy = 
155            OpenLayers.Marker.prototype.destroy;
156        OpenLayers.Marker.prototype.destroy = function() {
157            g_Destroy = true;
158        }
159               
160        var bounds = new OpenLayers.Bounds(1,2,3,4);
161        var borderColor = "blue";
162        var borderWidth = 55;
163
164        g_Destroy = null;
165        box = new OpenLayers.Marker.Box(bounds, borderColor, borderWidth);
166        box.destroy();
167
168        t.eq(box.bounds, null, "bounds nullified");
169        t.eq(box.div, null, "div nullified");
170        t.ok(g_Destroy == true, "OpenLayers.Marker.destroy() called");
171
172
173        OpenLayers.Marker.prototype.destroy = 
174            OpenLayers.Marker.prototype._destroy;
175    }
176   
177
178  </script>
179</head>
180<body>
181    <div id="map" style="width:500px;height:550px"></div>
182</body>
183</html>
Note: See TracBrowser for help on using the repository browser.