]> dev.renevier.net Git - syp.git/blob - openlayers/tests/Handler/Point.html
initial commit
[syp.git] / openlayers / tests / Handler / Point.html
1 <html>
2 <head>
3   <script src="../../lib/OpenLayers.js"></script>
4   <script type="text/javascript">
5     function test_Handler_Point_constructor(t) {
6         t.plan(3);
7         var control = new OpenLayers.Control();
8         control.id = Math.random();
9         var callbacks = {foo: "bar"};
10         var options = {bar: "foo"};
11         
12         var oldInit = OpenLayers.Handler.prototype.initialize;
13         
14         OpenLayers.Handler.prototype.initialize = function(con, call, opt) {
15             t.eq(con.id, control.id,
16                  "constructor calls parent with the correct control");
17             t.eq(call, callbacks,
18                  "constructor calls parent with the correct callbacks");
19             t.eq(opt, options,
20                  "constructor calls parent with the correct options");
21         }
22         var handler = new OpenLayers.Handler.Point(control, callbacks, options);
23
24         OpenLayers.Handler.prototype.initialize = oldInit;
25     }
26
27     function test_Handler_Point_activation(t) {
28         t.plan(3);
29         var map = new OpenLayers.Map('map');
30         var control = new OpenLayers.Control();
31         map.addControl(control);
32         var handler = new OpenLayers.Handler.Point(control);
33         handler.active = true;
34         var activated = handler.activate();
35         t.ok(!activated,
36              "activate returns false if the handler was already active");
37         handler.active = false;
38         activated = handler.activate();
39         t.ok(activated,
40              "activate returns true if the handler was not already active");
41         activated = handler.deactivate();
42         t.ok(activated,
43              "deactivate returns true if the handler was active already");
44     }
45
46     function test_Handler_Point_events(t) {
47         t.plan(29);
48         
49         var map = new OpenLayers.Map('map');
50         var control = {
51             map: map
52         };
53         var handler = new OpenLayers.Handler.Point(control);
54
55         // list below events that should be handled (events) and those
56         // that should not be handled (nonevents) by the handler
57         var events = ["click", "dblclick", "mousedown", "mouseup", "mousemove"];
58         var nonevents = ["mouseout", "resize", "focus", "blur"];
59         map.events.registerPriority = function(type, obj, func) {
60             var r = func();
61             if(typeof r == "string") {
62                 // this is one of the mock handler methods
63                 t.eq(OpenLayers.Util.indexOf(nonevents, type), -1,
64                      "registered method is not one of the events " +
65                      "that should not be handled");
66                 t.ok(OpenLayers.Util.indexOf(events, type) > -1,
67                      "activate calls registerPriority with browser event: " + type);
68                 t.eq(typeof func, "function",
69                      "activate calls registerPriority with a function");
70                 t.eq(func(), type,
71                      "activate calls registerPriority with the correct method");
72                 t.eq(obj["CLASS_NAME"], "OpenLayers.Handler.Point",
73                      "activate calls registerPriority with the handler");
74             }
75         }
76         
77         // set browser event like properties on the handler
78         for(var i=0; i<events.length; ++i) {
79             setMethod(events[i]);
80         }
81         function setMethod(key) {
82             handler[key] = function() {return key};
83         }
84
85         var activated = handler.activate();
86         handler.destroy();
87
88         // test that click and dblclick are stopped
89         var handler = new OpenLayers.Handler.Point(control);
90         var oldStop = OpenLayers.Event.stop;
91         OpenLayers.Event.stop = function(evt) {
92             t.ok(evt.type == "click" || evt.type == "dblclick",
93                  evt.type + " stopped");
94         }
95         t.eq(handler.click({type: "click"}), false, "click returns false");
96         t.eq(handler.dblclick({type: "dblclick"}), false, "dblclick returns false");
97         OpenLayers.Event.stop = oldStop;
98
99     }
100     
101     function test_callbacks(t) {
102         t.plan(10);
103         var map = new OpenLayers.Map("map", {
104             resolutions: [1]
105         });
106         var layer = new OpenLayers.Layer.Vector("foo", {
107             maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10),
108             isBaseLayer: true
109         });
110         map.addLayer(layer);
111         var control = new OpenLayers.Control({
112         });
113         var log = {};
114         var handler = new OpenLayers.Handler.Point(control, {
115             create: function() {
116                 log.type = "create",
117                 log.args = arguments
118             },
119             modify: function() {
120                 log.type = "modify",
121                 log.args = arguments
122             },
123             done: function() {
124                 log.type = "done",
125                 log.args = arguments
126             },
127             cancel: function() {
128                 log.type = "cancel",
129                 log.args = arguments
130             }
131         });
132         control.handler = handler;
133         map.addControl(control);
134         map.setCenter(new OpenLayers.LonLat(0, 0), 0);
135         
136         // mock up feature drawing
137         handler.activate();
138         handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(0, 0)});
139         t.eq(log.type, "create", "[mousedown] create called");
140         t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), "[mousedown] correct point");
141         t.geom_eq(log.args[1].geometry, new OpenLayers.Geometry.Point(-150, 75), "[mousedown] correct sketch feature");
142         handler.mousemove({type: "mousemove", xy: new OpenLayers.Pixel(1, 0)});
143         t.eq(log.type, "modify", "[mousemove] modify called");
144         t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-149, 75), "[mousemove] correct point");
145         t.geom_eq(log.args[1].geometry, new OpenLayers.Geometry.Point(-149, 75), "[mousemove] correct sketch feature");
146         handler.mouseup({type: "mouseup", xy: new OpenLayers.Pixel(1, 0)});
147         t.eq(log.type, "done", "[mouseup] done called");
148         t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-149, 75), "[mouseup] correct point");
149
150         // mock up feature drawing with a cancel
151         handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(0, 0)});
152         handler.deactivate();
153         t.eq(log.type, "cancel", "[deactivate while drawing] cancel called");
154         t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), "[deactivate while drawing] correct point");
155         
156         map.destroy();
157     }
158
159
160     function test_Handler_Point_deactivation(t) {
161         t.plan(1);
162         var map = new OpenLayers.Map('map');
163         var control = new OpenLayers.Control();
164         map.addControl(control);
165              
166         var handler = new OpenLayers.Handler.Point(control, {foo: 'bar'});
167         handler.activate();
168         handler.layer.destroy();
169         handler.deactivate();
170         t.eq(handler.layer, null,
171              "deactivate doesn't throw an error if layer was" +
172              " previously destroyed");
173     }
174
175     function test_Handler_Point_bounds(t) {
176         t.plan(4);
177         var map = new OpenLayers.Map('map');
178         map.addLayer(new OpenLayers.Layer.WMS("", "", {}));
179         map.zoomToMaxExtent();
180         var control = new OpenLayers.Control();
181         map.addControl(control);
182         var handler = new OpenLayers.Handler.Point(control, {});
183         var activated = handler.activate();
184         var px = new OpenLayers.Pixel(150, 75);
185         var evt = {xy: px, which: 1};
186         handler.mousedown(evt);
187         var lonlat = map.getLonLatFromPixel(px);
188         t.eq(handler.point.geometry.x, lonlat.lon, "X is correct"); 
189         t.eq(handler.point.geometry.y, lonlat.lat, "Y is correct"); 
190         t.ok(handler.point.geometry.getBounds().equals(new OpenLayers.Bounds(lonlat.lon,lonlat.lat,lonlat.lon,lonlat.lat)), "Correct bounds"); 
191         var evt = {xy: new OpenLayers.Pixel(175, 100), which: 1};
192         handler.mousemove(evt);
193         t.ok(!handler.point.geometry.getBounds().equals(new OpenLayers.Bounds(0,0,0,0)), "Bounds changed after moving mouse"); 
194     }     
195         
196     function test_Handler_Point_destroy(t) {
197         t.plan(4);
198         var map = new OpenLayers.Map('map');
199         map.addLayer(new OpenLayers.Layer.WMS("", "", {}));
200         map.zoomToMaxExtent();
201         var control = new OpenLayers.Control();
202         map.addControl(control);
203         var handler = new OpenLayers.Handler.Point(control, {foo: 'bar'});
204
205         handler.activate();
206         var evt = {xy: new OpenLayers.Pixel(150, 75), which: 1};
207         handler.mousedown(evt);
208
209         t.ok(handler.layer,
210              "handler has a layer prior to destroy");
211         t.ok(handler.point,
212              "handler has a point prior to destroy");
213         handler.destroy();
214         t.eq(handler.layer, null,
215              "handler.layer is null after destroy");
216         t.eq(handler.point, null,
217              "handler.point is null after destroy");
218     }
219     
220
221
222   </script>
223 </head>
224 <body>
225     <div id="map" style="width: 300px; height: 150px;"/>
226 </body>
227 </html>