diff options
Diffstat (limited to 'misc/openlayers/tests/Handler/Polygon.html')
| -rw-r--r-- | misc/openlayers/tests/Handler/Polygon.html | 1161 |
1 files changed, 0 insertions, 1161 deletions
diff --git a/misc/openlayers/tests/Handler/Polygon.html b/misc/openlayers/tests/Handler/Polygon.html deleted file mode 100644 index 8fad5dd..0000000 --- a/misc/openlayers/tests/Handler/Polygon.html +++ /dev/null @@ -1,1161 +0,0 @@ -<html> -<head> - <script src="../OLLoader.js"></script> - <script type="text/javascript"> - function test_Handler_Polygon_constructor(t) { - t.plan(3); - var control = new OpenLayers.Control(); - control.id = Math.random(); - var callbacks = {foo: "bar"}; - var options = {bar: "foo"}; - - var oldInit = OpenLayers.Handler.prototype.initialize; - - OpenLayers.Handler.prototype.initialize = function(con, call, opt) { - t.eq(con.id, control.id, - "constructor calls parent with the correct control"); - t.eq(call, callbacks, - "constructor calls parent with the correct callbacks"); - t.eq(opt, options, - "constructor calls parent with the correct options"); - } - var handler = new OpenLayers.Handler.Polygon(control, callbacks, options); - - OpenLayers.Handler.prototype.initialize = oldInit; - } - - function test_Handler_Polygon_activation(t) { - t.plan(5); - var log = []; - var map = new OpenLayers.Map("map", { - resolutions: [1] - }); - var layer = new OpenLayers.Layer.Vector("foo", { - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - isBaseLayer: true - }); - map.addLayer(layer); - var control = new OpenLayers.Control(); - var handler = new OpenLayers.Handler.Polygon(control, {}); - control.handler = handler; - map.addControl(control); - map.setCenter(new OpenLayers.LonLat(0, 0), 0); - handler.active = true; - - var activated = handler.activate(); - t.ok(!activated, - "activate returns false if the handler was already active"); - handler.active = false; - activated = handler.activate(); - t.ok(activated, - "activate returns true if the handler was not already active"); - t.ok(handler.layer instanceof OpenLayers.Layer.Vector, - "activate creates a vector layer"); - t.ok(handler.layer.map == map, - "activate adds the vector layer to the map"); - activated = handler.deactivate(); - t.ok(activated, - "deactivate returns true if the handler was active already"); - - map.destroy(); - } - - // See: http://trac.osgeo.org/openlayers/ticket/3179 - function test_activate_before_map_is_centered(t) { - t.plan(1); - var map = new OpenLayers.Map('map', { - resolutions: [1] - }); - var layer = new OpenLayers.Layer.Vector("foo", { - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - isBaseLayer: true - }); - map.addLayer(layer); - var control = new OpenLayers.Control(); - var handler = new OpenLayers.Handler.Polygon(control, {}); - control.handler = handler; - map.addControl(control); - - var error; - try { - handler.activate(); - error = false; - } catch(err) { - error = true; - } - t.ok(!error, "no error on activate"); - } - - function test_bounds_stopDown_true(t) { - t.plan(2); - var map = new OpenLayers.Map('map'); - map.addLayer(new OpenLayers.Layer.WMS("", "", {})); - map.zoomToMaxExtent(); - var control = new OpenLayers.Control(); - map.addControl(control); - var handler = new OpenLayers.Handler.Polygon(control, {}, - {stopDown: true, stopUp: true}); - var activated = handler.activate(); - // click on (150, 75) - var evt = {xy: new OpenLayers.Pixel(150, 75), which: 1}; - handler.mousemove(evt); - handler.mousedown(evt); - handler.mouseup(evt); - // click on (175, 100) - evt = {xy: new OpenLayers.Pixel(175, 100), which: 1}; - handler.mousemove(evt); - handler.mousedown(evt); - handler.mouseup(evt); - t.ok(handler.line.geometry.getBounds().equals(new OpenLayers.Bounds(0,-35.15625,35.15625,0)), "Correct bounds"); - // mousedown on (175, 100) - evt = {xy: new OpenLayers.Pixel(175, 100), which: 1}; - handler.mousedown(evt); - // mousemove to (125, 100) - evt = {xy: new OpenLayers.Pixel(125, 100), which: 1}; - handler.mousemove(evt); - // test that the bounds have changed - t.ok(!handler.polygon.geometry.getBounds().equals(new OpenLayers.Bounds(0,-35.15625,35.15625,0)), - "Correct bounds after dragging without letting go. (Came out as "+handler.line.geometry.getBounds().toBBOX() + ".)"); - map.destroy(); - } - - function test_callbacks(t) { - t.plan(39); - var map = new OpenLayers.Map("map", { - resolutions: [1] - }); - var layer = new OpenLayers.Layer.Vector("foo", { - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - isBaseLayer: true - }); - map.addLayer(layer); - var control = new OpenLayers.Control({ - }); - var logs = [], log; - var handler = new OpenLayers.Handler.Polygon(control, { - create: function() { - logs.push({type: "create", args: arguments}); - }, - point: function() { - logs.push({type: "point", args: arguments}); - }, - modify: function() { - logs.push({type: "modify", args: arguments}); - }, - done: function() { - logs.push({type: "done", args: arguments}); - }, - cancel: function() { - logs.push({type: "cancel", args: arguments}); - } - }, - { - pixelTolerance: 0 - }); - control.handler = handler; - map.addControl(control); - map.setCenter(new OpenLayers.LonLat(0, 0), 0); - - // create polygon - handler.activate(); - - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - t.eq(logs.length, 2, "[mousemove] called back"); - log = logs.shift(); - t.eq(log.type, "create", "[activate] create called"); - t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), - "[mousemove] correct point"); - t.ok(log.args[1] == handler.polygon, - "[mousemove] correct feature"); - log = logs.shift(); - t.eq(log.type, "modify", "[mousemove] modify called"); - t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), - "[mousemove] correct point"); - t.ok(log.args[1] === handler.polygon, - "[mousemove] correct feature"); - // mouse down - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0)}); - t.eq(logs.length, 1, "[mousedown] called back"); - log = logs.shift(); - t.eq(log.type, "modify", "[mousedown] modify called"); - t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), - "[mousedown] correct point"); - t.ok(log.args[1] === handler.polygon, - "[mousedown] correct feature"); - // mouse up - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 0)}); - t.eq(logs.length, 2, "[mouseup] called back twice"); - log = logs.shift(); - t.eq(log.type, "point", "[mouseup] point called"); - t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), - "[mouseup] correct point"); - var geom = new OpenLayers.Geometry.Polygon([ - new OpenLayers.Geometry.LinearRing([ - new OpenLayers.Geometry.Point(-150, 75) - ]) - ]); - geom.components[0].addComponent( - new OpenLayers.Geometry.Point(-150, 75), - geom.components[0].components.length - ); - t.geom_eq(log.args[1], geom, "[mouseup] correct polygon"); - log = logs.shift(); - t.eq(log.type, "modify", "[mouseup] modify called"); - t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), - "[mouseup] correct point"); - t.ok(log.args[1] == handler.polygon, - "[mouseup] correct feature"); - // mouse move - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(10, 10)}); - t.eq(logs.length, 1, "[mousemove] called back"); - log = logs.shift(); - t.eq(log.type, "modify", "[mousemove] modify called"); - t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-140, 65), - "[mousemove] correct point"); - t.ok(log.args[1] === handler.polygon, - "[mousemove] correct feature"); - // mouse down - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(10, 10)}); - t.eq(logs.length, 1, "[mousedown] called back"); - log = logs.shift(); - t.eq(log.type, "modify", "[mousedown] modify called"); - t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-140, 65), - "[mousedown] correct point"); - t.ok(log.args[1] === handler.polygon, - "[mousedown] correct feature"); - // mouse up - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(10, 10)}); - log = logs.shift(); - log = logs.shift(); - // move to 0, 10 and double click - // mouse move - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 10)}); - t.eq(logs.length, 1, "[mousemove] called back"); - log = logs.shift(); - t.eq(log.type, "modify", "[mousemove] modify called"); - t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 65), - "[mousemove] correct point"); - t.ok(log.args[1] === handler.polygon, - "[mousemove] correct feature"); - // mouse down - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 10)}); - t.eq(logs.length, 1, "[mousedown] not called back"); - log = logs.shift(); - // mouse up - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 10)}); - t.eq(logs.length, 2, "[mouseup] called back"); - log = logs.shift(); - log = logs.shift(); - // mouse down - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 10)}); - t.eq(logs.length, 0, "[mousedown] not called back"); - // mouse up - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 10)}); - t.eq(logs.length, 0, "[mouseup] not called back"); - // dblclick - handler.dblclick( - {type: "dblclick", xy: new OpenLayers.Pixel(0, 10)}); - t.eq(logs.length, 1, "[dblclick] called back"); - log = logs.shift(); - t.eq(log.type, "done", "[dblclick] done called"); - t.geom_eq( - log.args[0], - new OpenLayers.Geometry.Polygon([ - new OpenLayers.Geometry.LinearRing([ - new OpenLayers.Geometry.Point(-150, 75), - new OpenLayers.Geometry.Point(-140, 65), - new OpenLayers.Geometry.Point(-150, 65), - new OpenLayers.Geometry.Point(-150, 75) - ]) - ]), - "[dblclick] correct polygon" - ); - // cancel - handler.cancel(); - t.eq(logs.length, 1, "[cancel] called back"); - log = logs.shift(); - t.eq(log.type, "cancel", "[cancel] canced called"); - - map.destroy(); - } - - function test_toggle_freehand(t) { - t.plan(2); - var map = new OpenLayers.Map("map", { - resolutions: [1] - }); - var layer = new OpenLayers.Layer.Vector("foo", { - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - isBaseLayer: true - }); - map.addLayer(layer); - var control = new OpenLayers.Control({}); - var handler = new OpenLayers.Handler.Polygon(control, { - done: function(g) { - log++; - } - }, {persist: true}); - control.handler = handler; - map.addControl(control); - map.setCenter(new OpenLayers.LonLat(0, 0), 0); - - handler.activate(); - - log = 0; - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0), shiftKey: true}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(1, 1), shiftKey: true}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(2, 2), shiftKey: true}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 0), shiftKey: true}); - t.eq(log, 1, "feature drawn when shift pressed on mousedown"); - - log = 0; - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0), shiftKey: false}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(1, 1), shiftKey: true}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(2, 2), shiftKey: true}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 0), shiftKey: true}); - t.eq(log, 0, "feature not drawn when shift not pressed on mousedown"); - } - - function test_persist(t) { - t.plan(4); - var map = new OpenLayers.Map("map", { - resolutions: [1] - }); - var layer = new OpenLayers.Layer.Vector("foo", { - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - isBaseLayer: true - }); - map.addLayer(layer); - var control = new OpenLayers.Control({}); - var handler = new OpenLayers.Handler.Polygon(control, {}); - control.handler = handler; - map.addControl(control); - map.setCenter(new OpenLayers.LonLat(0, 0), 0); - - handler.activate(); - - handler.persist = false; - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - var feature1 = handler.polygon; - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 0)}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(1, 1)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(1, 1)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(1, 1)}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(2, 2)}); - handler.dblclick( - {type: "dblclick", xy: new OpenLayers.Pixel(2, 2)}); - t.ok(feature1.layer == null, "a) feature1 destroyed"); - - handler.persist = true; - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - var feature2 = handler.polygon; - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 0)}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(1, 1)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(1, 1)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(1, 1)}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(2, 2)}); - handler.dblclick( - {type: "dblclick", xy: new OpenLayers.Pixel(2, 2)}); - t.ok(feature2.layer != null, "b) feature2 not destroyed"); - - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - var feature3 = handler.polygon; - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 0)}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(1, 1)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(1, 1)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(1, 1)}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(2, 2)}); - handler.dblclick( - {type: "dblclick", xy: new OpenLayers.Pixel(2, 2)}); - t.ok(feature3.layer != null, "c) feature3 not destroyed"); - t.ok(feature2.layer == null, "c) feature2 destroyed"); - - map.destroy(); - } - - function test_persist_freehand(t) { - t.plan(6); - var map = new OpenLayers.Map("map", { - resolutions: [1] - }); - var layer = new OpenLayers.Layer.Vector("foo", { - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - isBaseLayer: true - }); - map.addLayer(layer); - var control = new OpenLayers.Control({}); - var handler = new OpenLayers.Handler.Polygon(control, {}); - control.handler = handler; - map.addControl(control); - map.setCenter(new OpenLayers.LonLat(0, 0), 0); - - handler.activate(); - - handler.persist = false; - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - var feature1 = handler.polygon; - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0), shiftKey: true}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(1, 1), shiftKey: true}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(2, 2), shiftKey: true}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(2, 2), shiftKey: true}); - t.ok(feature1.layer == null, "a) feature1 destroyed"); - - handler.persist = true; - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - var feature2 = handler.polygon; - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0), shiftKey: true}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(1, 1), shiftKey: true}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(2, 2), shiftKey: true}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(2, 2), shiftKey: true}); - t.ok(feature2.layer != null, "b) feature2 not destroyed"); - - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - var feature3 = handler.polygon; - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0), shiftKey: true}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(1, 1), shiftKey: true}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(2, 2), shiftKey: true}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(2, 2), shiftKey: true}); - t.ok(feature3.layer != null, "c) feature3 not destroyed"); - t.ok(feature2.layer == null, "c) feature2 destroyed"); - - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - feature4 = handler.polygon; - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0), shiftKey: false}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(1, 1), shiftKey: true}); - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(2, 2), shiftKey: true}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 0), shiftKey: true}); - t.ok(feature4.layer != null, "d) feature4 not destroyed"); - t.ok(feature3.layer == null, "c) feature3 destroyed"); - - map.destroy(); - } - - function test_rings(t) { - t.plan(12); - - var log = []; - var map = new OpenLayers.Map({ - div: "map", - resolutions: [1], - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - layers: [ - new OpenLayers.Layer.Vector(null, { - isBaseLayer: true, - eventListeners: { - featureadded: function(event) { - log.push(event); - }, - sketchmodified: function(event) { - log.push(event); - }, - sketchcomplete: function(event) { - log.push(event); - } - } - }) - ], - center: new OpenLayers.LonLat(0, 0), - zoom: 0 - }); - - // create control for drawing polygons with holes - var draw = new OpenLayers.Control.DrawFeature( - map.layers[0], - OpenLayers.Handler.Polygon, - {handlerOptions: { - holeModifier: "altKey", - pixelTolerance: 0 - }} - ); - map.addControl(draw); - draw.activate(); - - var event; - function trigger(type, event) { - map.events.triggerEvent(type, OpenLayers.Util.extend({}, event)); - } - - // a) draw a polygon - log = []; - // start at -9, 9 - event = {xy: new OpenLayers.Pixel(-9, 9)}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to -1, 9 - event = {xy: new OpenLayers.Pixel(-1, 9)}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to -1, 1 - event = {xy: new OpenLayers.Pixel(-1, 1)}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to -9, 1 - event = {xy: new OpenLayers.Pixel(-9, 1)}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // finish - event = {xy: new OpenLayers.Pixel(-9, 1)}; - trigger("mousedown", event); - trigger("mouseup", event); - trigger("dblclick", event); - - // make assertions - t.eq(log.length, 14, "a) correct number of events"); - t.eq(log[log.length-1].type, "featureadded", "a) featureadded event last"); - t.eq(log[log.length-1].feature.geometry.getArea(), 64, "a) correct polygon area"); - - // b) draw a hole - log = []; - // start at -6, 6 - event = {xy: new OpenLayers.Pixel(-6, 6), altKey: true}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to -3, 6 - event = {xy: new OpenLayers.Pixel(-3, 6), altKey: true}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to -3, 3 - event = {xy: new OpenLayers.Pixel(-3, 3), altKey: true}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to -6, 3 - event = {xy: new OpenLayers.Pixel(-6, 3), altKey: true}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // finish - event = {xy: new OpenLayers.Pixel(-6, 3), altKey: true}; - trigger("mousedown", event); - trigger("mouseup", event); - trigger("dblclick", event); - - // make assertions - t.eq(log.length, 13, "b) correct number of events"); - t.eq(log[log.length-1].type, "sketchcomplete", "b) sketchcomplete event last"); - t.eq(log[log.length-1].feature.geometry.getArea(), 55, "b) correct polygon area"); - - - // c) draw a polygon that overlaps the first - log = []; - // start at -2, 2 - event = {xy: new OpenLayers.Pixel(-2, 2)}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to 2, 2 - event = {xy: new OpenLayers.Pixel(2, 2)}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to 2, -2 - event = {xy: new OpenLayers.Pixel(2, -2)}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to -2, -2 - event = {xy: new OpenLayers.Pixel(-2, -2)}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // finish - event = {xy: new OpenLayers.Pixel(-2, -2)}; - trigger("mousedown", event); - trigger("mouseup", event); - trigger("dblclick", event); - - // make assertions - t.eq(log.length, 14, "c) correct number of events"); - t.eq(log[log.length-1].type, "featureadded", "c) featureadded event last"); - t.eq(log[log.length-1].feature.geometry.getArea(), 16, "c) correct polygon area"); - - // d) draw a hole that tries to go outside the exterior ring - log = []; - // start at -1, 1 - event = {xy: new OpenLayers.Pixel(-1, 1), altKey: true}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to 1, 1 - event = {xy: new OpenLayers.Pixel(1, 1), altKey: true}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // try to draw to -8, 8 (ouside active polygon) - event = {xy: new OpenLayers.Pixel(-8, 8), altKey: true}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to 1, -1 - event = {xy: new OpenLayers.Pixel(1, -1), altKey: true}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // draw to -1, -1 - event = {xy: new OpenLayers.Pixel(-1, -1), altKey: true}; - trigger("mousemove", event); - trigger("mousedown", event); - trigger("mouseup", event); - // finish - event = {xy: new OpenLayers.Pixel(-1, 1), altKey: true}; - trigger("mousedown", event); - trigger("mouseup", event); - trigger("dblclick", event); - - // make assertions - t.eq(log.length, 18, "d) correct number of events"); - t.eq(log[log.length-1].type, "sketchcomplete", "d) sketchcomplete event last"); - t.eq(log[log.length-1].feature.geometry.getArea(), 12, "d) correct polygon area"); - - - map.destroy(); - } - - function test_Handler_Polygon_destroy(t) { - t.plan(8); - var map = new OpenLayers.Map('map'); - map.addLayer(new OpenLayers.Layer.WMS("", "", {})); - map.zoomToMaxExtent(); - var control = new OpenLayers.Control(); - map.addControl(control); - var handler = new OpenLayers.Handler.Polygon(control, {foo: 'bar'}); - - handler.activate(); - var evt = {xy: new OpenLayers.Pixel(150, 75), which: 1}; - handler.mousedown(evt); - - t.ok(handler.layer, - "handler has a layer prior to destroy"); - t.ok(handler.point, - "handler has a point prior to destroy"); - t.ok(handler.line, - "handler has a line prior to destroy"); - t.ok(handler.polygon, - "handler has a polygon prior to destroy"); - handler.destroy(); - t.eq(handler.layer, null, - "handler.layer is null after destroy"); - t.eq(handler.point, null, - "handler.point is null after destroy"); - t.eq(handler.line, null, - "handler.line is null after destroy"); - t.eq(handler.polygon, null, - "handler.polygon is null after destroy"); - map.destroy(); - } - - function test_insertXY(t) { - t.plan(3); - var map = new OpenLayers.Map("map", { - resolutions: [1] - }); - var layer = new OpenLayers.Layer.Vector("foo", { - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - isBaseLayer: true - }); - map.addLayer(layer); - var control = new OpenLayers.Control.DrawFeature( - layer, OpenLayers.Handler.Polygon - ); - map.addControl(control); - map.setCenter(new OpenLayers.LonLat(0, 0), 0); - - control.activate(); - var handler = control.handler; - - function userClick(x, y) { - var px = new OpenLayers.Pixel(x, y); - handler.mousemove({type: "mousemove", xy: px}); - handler.mousedown({type: "mousedown", xy: px}); - handler.mouseup({type: "mouseup", xy: px}); - } - - // add points at px(0, 0) and px(10, 10) - userClick(0, 0); - userClick(10, 10); - t.eq(handler.line.geometry.components.length, 4, "ring has four points after two clicks"); - - // programmatically add a point - handler.insertXY(5, 6); - t.eq(handler.line.geometry.components.length, 5, "ring has five points after insertXY"); - t.geom_eq( - handler.line.geometry.components[2], - new OpenLayers.Geometry.Point(5, 6), - "third point comes from insertXY" - ); - - map.destroy(); - - } - - // - // Sequence tests - // - // Sequence tests basically involve executing a sequence of events - // and testing the resulting geometry. - // - // Below are tests for various drawing sequences. Tests can be - // added here each a non-working sequence is found. - // - - // stopDown:true, stopUp:true - // a) click on (0, 0) - // b) mousedown on (0.5, 0.5) - // c) mouseup on (1, 1) - // d) click on (0, 10) - // e) dblclick on (10, 10) - function test_sequence1(t) { - t.plan(1); - var map = new OpenLayers.Map("map", { - resolutions: [1] - }); - var layer = new OpenLayers.Layer.Vector("foo", { - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - isBaseLayer: true - }); - map.addLayer(layer); - var control = new OpenLayers.Control({}); - var handler = new OpenLayers.Handler.Polygon(control, - {done: function(g) { log.geometry = g; }}, - {stopDown: true, stopUp: true, - pixelTolerance: 0} - ); - control.handler = handler; - map.addControl(control); - map.setCenter(new OpenLayers.LonLat(0, 0), 0); - - handler.activate(); - log = {}; - - // a) click on (0, 0) - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 0)}); - // b) mousedown on (0.5, 0.5) - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0.5, 0.5)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0.5, 0.5)}); - // c) mouseup on (1, 1) - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(1, 1)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(1, 1)}); - // d) click on (0, 10) - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 10)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 10)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 10)}); - // e) dblclick on (10, 10) - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(10, 10)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(10, 10)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(10, 10)}); - handler.dblclick( - {type: "dblclick", xy: new OpenLayers.Pixel(10, 10)}); - t.geom_eq(log.geometry, - new OpenLayers.Geometry.Polygon([ - new OpenLayers.Geometry.LinearRing([ - new OpenLayers.Geometry.Point(-150, 75), // (0, 0) - new OpenLayers.Geometry.Point(-150, 65), // (0, 10) - new OpenLayers.Geometry.Point(-140, 65) // (10, 10) - ]) - ]), "geometry is correct"); - } - - // stopDown:false, stopUp:false - // a) click on (0, 0) - // b) mousedown on (0.5, 0.5) - // c) mouseup on (1, 1) - // d) click on (0, 10) - // e) dblclick on (10, 10) - function test_sequence2(t) { - t.plan(1); - var map = new OpenLayers.Map("map", { - resolutions: [1] - }); - var layer = new OpenLayers.Layer.Vector("foo", { - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - isBaseLayer: true - }); - map.addLayer(layer); - var control = new OpenLayers.Control({}); - var handler = new OpenLayers.Handler.Polygon(control, - {done: function(g) { log.geometry = g; }}, - {stopDown: false, stopUp: false, - pixelTolerance: 0} - ); - control.handler = handler; - map.addControl(control); - map.setCenter(new OpenLayers.LonLat(0, 0), 0); - - handler.activate(); - log = {}; - - // a) click on (0, 0) - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 0)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 0)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 0)}); - // b) mousedown on (0.5, 0.5) - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0.5, 0.5)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0.5, 0.5)}); - // c) mouseup on (1, 1) - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(1, 1)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(1, 1)}); - // d) click on (0, 10) - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(0, 10)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(0, 10)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(0, 10)}); - // e) dblclick on (10, 10) - handler.mousemove( - {type: "mousemove", xy: new OpenLayers.Pixel(10, 10)}); - handler.mousedown( - {type: "mousedown", xy: new OpenLayers.Pixel(10, 10)}); - handler.mouseup( - {type: "mouseup", xy: new OpenLayers.Pixel(10, 10)}); - handler.dblclick( - {type: "dblclick", xy: new OpenLayers.Pixel(10, 10)}); - t.geom_eq(log.geometry, - new OpenLayers.Geometry.Polygon([ - new OpenLayers.Geometry.LinearRing([ - new OpenLayers.Geometry.Point(-150, 75), // (0, 0) - new OpenLayers.Geometry.Point(-150, 65), // (0, 10) - new OpenLayers.Geometry.Point(-140, 65) // (10, 10) - ]) - ]), "geometry is correct"); - } - - // a) tap - // b) tap - // c) doubletap - function test_touch_sequence1(t) { - t.plan(26); - - // set up - - var log; - var map = new OpenLayers.Map("map", { - resolutions: [1] - }); - var layer = new OpenLayers.Layer.Vector("foo", { - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - isBaseLayer: true - }); - map.addLayer(layer); - var control = new OpenLayers.Control({}); - var handler = new OpenLayers.Handler.Polygon(control, { - done: function(g, f) { - log = {type: 'done', geometry: g, feature: f}; - }, - modify: function(g, f) { - log = {type: 'modify', geometry: g, feature: f}; - } - }, { - doubleTouchTolerance: 2 - }); - control.handler = handler; - map.addControl(control); - map.setCenter(new OpenLayers.LonLat(0, 0), 0); - handler.activate(); - - // test - - var ret; - - // tap on (0, 0) - log = null; - ret = handler.touchstart({xy: new OpenLayers.Pixel(1, 0)}); - t.ok(ret, '[touchstart] event propagates'); - t.eq(log, null, '[touchstart] feature not finalized or modified'); - ret = handler.touchmove({xy: new OpenLayers.Pixel(0, 0)}); - t.ok(ret, '[touchmove] event propagates'); - t.eq(log, null, '[touchmove] feature not finalized or modified'); - ret = handler.touchend({}); - t.ok(ret, '[touchend] event propagates'); - t.eq(log.type, 'modify', '[touchend] feature modified'); - t.geom_eq(log.geometry, new OpenLayers.Geometry.Point(-150, 75), - "[touchend] correct point"); - - // tap on (0, 10) - log = null; - ret = handler.touchstart({xy: new OpenLayers.Pixel(1, 10)}); - t.ok(ret, '[touchstart] event propagates'); - t.eq(log, null, '[touchstart] feature not finalized or modified'); - ret = handler.touchmove({xy: new OpenLayers.Pixel(0, 10)}); - t.ok(ret, '[touchmove] event propagates'); - t.eq(log, null, '[touchmove] feature not finalized or modified'); - ret = handler.touchend({}); - t.ok(ret, '[touchend] event propagates'); - t.eq(log.type, 'modify', '[touchend] feature modified'); - t.geom_eq(log.geometry, new OpenLayers.Geometry.Point(-150, 65), - "[touchend] correct point"); - - // doubletap on (10, 10) - log = null; - ret = handler.touchstart({xy: new OpenLayers.Pixel(9, 10)}); - t.ok(ret, '[touchstart] event propagates'); - t.eq(log, null, '[touchstart] feature not finalized or modified'); - ret = handler.touchmove({xy: new OpenLayers.Pixel(10, 10)}); - t.ok(ret, '[touchmove] event propagates'); - t.eq(log, null, '[touchmove] feature not finalized or modified'); - ret = handler.touchend({}); - t.ok(ret, '[touchend] event propagates'); - t.eq(log.type, 'modify', '[touchend] feature modified'); - t.geom_eq(log.geometry, new OpenLayers.Geometry.Point(-140, 65), - "[touchend] correct point"); - log = null; - ret = handler.touchstart({xy: new OpenLayers.Pixel(11, 10)}); - t.ok(!ret, '[touchstart] event does not propagate'); - t.eq(log.type, 'done', '[touchend] feature finalized'); - t.geom_eq(log.geometry, - new OpenLayers.Geometry.Polygon([ - new OpenLayers.Geometry.LinearRing([ - new OpenLayers.Geometry.Point(-150, 75), // (0, 0) - new OpenLayers.Geometry.Point(-150, 65), // (0, 10) - new OpenLayers.Geometry.Point(-140, 65) // (10, 10) - ]) - ]), "[touchstart] geometry is correct"); - log = null; - ret = handler.touchend({}); - t.ok(ret, '[touchend] event propagates'); - t.eq(log, null, '[touchend] feature not finalized or modified'); - - // tear down - - map.destroy(); - } - - // a) tap - // b) tap-move - // c) tap - // d) doubletap - function test_touch_sequence2(t) { - t.plan(32); - - // set up - - var log; - var map = new OpenLayers.Map("map", { - resolutions: [1] - }); - var layer = new OpenLayers.Layer.Vector("foo", { - maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10), - isBaseLayer: true - }); - map.addLayer(layer); - var control = new OpenLayers.Control({}); - var handler = new OpenLayers.Handler.Polygon(control, { - done: function(g, f) { - log = {type: 'done', geometry: g, feature: f}; - }, - modify: function(g, f) { - log = {type: 'modify', geometry: g, feature: f}; - } - }, { - doubleTouchTolerance: 2 - }); - control.handler = handler; - map.addControl(control); - map.setCenter(new OpenLayers.LonLat(0, 0), 0); - handler.activate(); - - // test - - var ret; - - // tap on (0, 0) - log = null; - ret = handler.touchstart({xy: new OpenLayers.Pixel(1, 0)}); - t.ok(ret, '[touchstart] event propagates'); - t.eq(log, null, '[touchstart] feature not finalized or modified'); - ret = handler.touchmove({xy: new OpenLayers.Pixel(0, 0)}); - t.ok(ret, '[touchmove] event propagates'); - t.eq(log, null, '[touchmove] feature not finalized or modified'); - ret = handler.touchend({}); - t.ok(ret, '[touchend] event propagates'); - t.eq(log.type, 'modify', '[touchend] feature modified'); - t.geom_eq(log.geometry, new OpenLayers.Geometry.Point(-150, 75), - "[touchend] correct point"); - - // tap-move - log = null; - ret = handler.touchstart({xy: new OpenLayers.Pixel(1, 10)}); - t.ok(ret, '[touchstart] event propagates'); - t.eq(log, null, '[touchstart] feature not finalized or modified'); - ret = handler.touchmove({xy: new OpenLayers.Pixel(20, 20)}); - t.ok(ret, '[touchmove] event propagates'); - t.eq(log, null, '[touchmove] feature not finalized or modified'); - ret = handler.touchend({}); - t.ok(ret, '[touchend] event propagates'); - t.eq(log, null, '[touchend] feature not finalized or modified'); - - // tap on (0, 10) - log = null; - ret = handler.touchstart({xy: new OpenLayers.Pixel(1, 10)}); - t.ok(ret, '[touchstart] event propagates'); - t.eq(log, null, '[touchstart] feature not finalized or modified'); - ret = handler.touchmove({xy: new OpenLayers.Pixel(0, 10)}); - t.ok(ret, '[touchmove] event propagates'); - t.eq(log, null, '[touchmove] feature not finalized or modified'); - ret = handler.touchend({}); - t.ok(ret, '[touchend] event propagates'); - t.eq(log.type, 'modify', '[touchend] feature modified'); - t.geom_eq(log.geometry, new OpenLayers.Geometry.Point(-150, 65), - "[touchend] correct point"); - - // doubletap on (10, 10) - log = null; - ret = handler.touchstart({xy: new OpenLayers.Pixel(9, 10)}); - t.ok(ret, '[touchstart] event propagates'); - t.eq(log, null, '[touchstart] feature not finalized or modified'); - ret = handler.touchmove({xy: new OpenLayers.Pixel(10, 10)}); - t.ok(ret, '[touchmove] event propagates'); - t.eq(log, null, '[touchmove] feature not finalized or modified'); - ret = handler.touchend({}); - t.ok(ret, '[touchend] event propagates'); - t.eq(log.type, 'modify', '[touchend] feature modified'); - t.geom_eq(log.geometry, new OpenLayers.Geometry.Point(-140, 65), - "[touchend] correct point"); - log = null; - ret = handler.touchstart({xy: new OpenLayers.Pixel(11, 10)}); - t.ok(!ret, '[touchstart] event does not propagate'); - t.eq(log.type, 'done', '[touchend] feature finalized'); - t.geom_eq(log.geometry, - new OpenLayers.Geometry.Polygon([ - new OpenLayers.Geometry.LinearRing([ - new OpenLayers.Geometry.Point(-150, 75), // (0, 0) - new OpenLayers.Geometry.Point(-150, 65), // (0, 10) - new OpenLayers.Geometry.Point(-140, 65) // (10, 10) - ]) - ]), "[touchstart] geometry is correct"); - log = null; - ret = handler.touchend({}); - t.ok(ret, '[touchend] event propagates'); - t.eq(log, null, '[touchend] feature not finalized or modified'); - - // tear down - - map.destroy(); - } - - function test_citeComplaint(t) { - t.plan(2); - var map = new OpenLayers.Map('map'); - map.addLayer(new OpenLayers.Layer.OSM()); - var layer = new OpenLayers.Layer.Vector(); - map.addLayer(layer); - var control = new OpenLayers.Control({}); - var handler = new OpenLayers.Handler.Polygon(control, {}); - control.handler = handler; - map.addControl(control); - map.zoomToExtent(new OpenLayers.Bounds(-24225034.496992, -11368938.517442, -14206280.326992, -1350184.3474418)); - control.activate(); - handler.createFeature(new OpenLayers.Pixel(100, 50)); - t.ok(handler.point.geometry.x < 0, "Geometry started correctly when wrapping the dateline using citeCompliant false"); - control.deactivate(); - - var handler = new OpenLayers.Handler.Polygon(control, {}, {citeCompliant: true}); - control.handler = handler; - control.activate(); - handler.createFeature(new OpenLayers.Pixel(100, 50)); - t.ok(handler.point.geometry.x > 0, "Geometry started correctly when wrapping the dateline using citeCompliant true"); - - map.destroy(); - } - - </script> -</head> -<body> - <div id="map" style="width: 300px; height: 150px;"/> -</body> -</html> |