make it possible to pan the map while drawing geometries, r=tschaub (closes #3052)

git-svn-id: http://svn.openlayers.org/trunk/openlayers@11381 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
Éric Lemoine
2011-02-24 09:00:49 +00:00
parent f8db509725
commit 30aeab365a
11 changed files with 1665 additions and 309 deletions
+649 -86
View File
@@ -25,52 +25,8 @@
}
function test_Handler_Path_activation(t) {
t.plan(3);
var map = new OpenLayers.Map('map');
var control = new OpenLayers.Control();
map.addControl(control);
var handler = new OpenLayers.Handler.Path(control);
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");
activated = handler.deactivate();
t.ok(activated,
"deactivate returns true if the handler was active already");
map.destroy();
}
function test_Handler_Path_bounds(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.Path(control, {});
var activated = handler.activate();
var evt = {xy: new OpenLayers.Pixel(150, 75), which: 1};
handler.mousedown(evt);
handler.mouseup(evt);
var 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");
var evt = {xy: new OpenLayers.Pixel(175, 100), which: 1};
handler.mousedown(evt);
var evt = {xy: new OpenLayers.Pixel(125, 100), which: 1};
handler.mousemove(evt);
t.ok(!handler.line.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(15);
t.plan(12);
var log = [];
var map = new OpenLayers.Map("map", {
resolutions: [1]
});
@@ -79,73 +35,438 @@
isBaseLayer: true
});
map.addLayer(layer);
var control = new OpenLayers.Control({
var control = new OpenLayers.Control();
var handler = new OpenLayers.Handler.Path(control, {
"create": function(g, f) {
log.push({geometry: g, feature: f});
}
});
var log = {};
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");
t.ok(handler.point instanceof OpenLayers.Feature.Vector,
"activate creates a point feature");
t.ok(handler.point.layer == handler.layer,
"activate adds the point feature to the layer");
t.ok(handler.line instanceof OpenLayers.Feature.Vector,
"acttivates creates a line feature");
t.ok(handler.line.layer == handler.layer,
"activate adds the line feature to the layer");
t.eq(log.length, 1,
"activate calls \"create\" once");
t.geom_eq(log[0].geometry, handler.point.geometry,
"\"create\" called with expected geometry");
t.ok(log[0].feature == handler.line,
"\"create\" called with expected feature");
activated = handler.deactivate();
t.ok(activated,
"deactivate returns true if the handler was active already");
map.destroy();
}
function test_bounds(t) {
t.plan(2);
var geometry;
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.Path(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.line.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(45);
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.Path(control, {
create: function() {
log.type = "create",
log.args = arguments
logs.push({type: "create", args: arguments});
},
point: function() {
logs.push({type: "point", args: arguments});
},
modify: function() {
log.type = "modify",
log.args = arguments
logs.push({type: "modify", args: arguments});
},
done: function() {
log.type = "done",
log.args = arguments
logs.push({type: "done", args: arguments});
},
cancel: function() {
log.type = "cancel",
log.args = arguments
logs.push({type: "cancel", args: arguments});
}
});
control.handler = handler;
map.addControl(control);
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
// mock up feature drawing
// create line
handler.activate();
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(0, 0)});
t.eq(log.type, "create", "[mousedown] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), "[mousedown] correct vertex");
t.ok(log.args[1] === handler.line, "[mousedown] correct sketch feature");
t.eq(logs.length, 1, "[activate] called back");
log = logs.shift();
t.eq(log.type, "create", "[activate] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-200, 125),
"[activate] correct point");
t.ok(log.args[1] == handler.line,
"[activate] correct feature");
// mouse move
handler.mousemove(
{type: "mousemove", xy: new OpenLayers.Pixel(0, 0)});
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, 75),
"[mousemove] correct point");
t.ok(log.args[1] === handler.line,
"[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.line,
"[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");
t.geom_eq(log.args[1],
new OpenLayers.Geometry.LineString([
new OpenLayers.Geometry.Point(-150, 75),
new OpenLayers.Geometry.Point(-150, 75)
]), "[mouseup] correct line");
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 vertex");
t.ok(log.args[1] === handler.line, "[mouseup] correct sketch feature");
handler.mousemove({type: "mousemove", xy: new OpenLayers.Pixel(1, 1)});
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75),
"[mouseup] correct point");
t.ok(log.args[1] == handler.line,
"[mouseup] correct feature");
// mouse move
handler.mousemove({type: "mousemove",
xy: new OpenLayers.Pixel(1, 1)});
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(-149, 74), "[mousemove] correct vertex");
t.ok(log.args[1] === handler.line, "[mousemove] correct sketch feature");
handler.mousemove({type: "mousemove", xy: new OpenLayers.Pixel(10, 10)});
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-149, 74),
"[mousemove] correct point");
t.ok(log.args[1] === handler.line,
"[mousemove] 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 vertex");
t.ok(log.args[1] === handler.line, "[mousemove] correct sketch feature");
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(10, 10)});
handler.mouseup({type: "mouseup", 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.args[0], new OpenLayers.Geometry.Point(-140, 65),
"[mousemove] correct point");
t.ok(log.args[1] === handler.line,
"[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.line,
"[mousedown] correct feature");
// mouse up ("point", "modify")
handler.mouseup({type: "mouseup",
xy: new OpenLayers.Pixel(10, 10)});
t.eq(logs.length, 2, "[mouseup] called back twice");
log = logs.shift();
log = logs.shift();
// mouse down
handler.mousedown({type: "mousedown",
xy: new OpenLayers.Pixel(10, 10)});
t.eq(logs.length, 0, "[mousedown] called back");
// mouse up
handler.mouseup({type: "mouseup",
xy: new OpenLayers.Pixel(10, 10)});
t.eq(logs.length, 0, "[mouseup] not called back");
// double click
handler.dblclick({type: "dblclick",
xy: new OpenLayers.Pixel(10, 10)});
t.eq(logs.length, 2, "[dblclick] called back twice");
log = logs.shift();
t.eq(log.type, "done", "[dblclick] done called");
t.geom_eq(
log.args[0],
t.geom_eq(log.args[0],
new OpenLayers.Geometry.LineString([
new OpenLayers.Geometry.Point(-150, 75),
new OpenLayers.Geometry.Point(-140, 65)
]),
"[dblclick] correct linestring"
);
// mock up sketch cancel
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.deactivate();
t.eq(log.type, "cancel", "[deactivate while drawing] cancel called");
log = logs.shift();
t.eq(log.type, "create", "[dblclick] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-200, 125),
"[dblclick] correct point");
t.ok(log.args[1] == handler.line,
"[dblclick] correct feature");
// cancel
handler.cancel();
t.eq(logs.length, 2, "[cancel] called back");
log = logs.shift();
t.eq(log.type, "cancel", "[cancel] canced called");
t.geom_eq(log.args[0],
new OpenLayers.Geometry.LineString([
new OpenLayers.Geometry.Point(-200, 125)
]),
"[cancel] correct linestring"
);
log = logs.shift();
t.eq(log.type, "create", "[cancel] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-200, 125),
"[cancel] correct point");
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.Path(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.Path(control, {});
control.handler = handler;
map.addControl(control);
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
handler.activate();
handler.persist = false;
var feature1 = handler.line;
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)});
handler.mousemove(
{type: "mousemove", xy: new OpenLayers.Pixel(1, 1)});
handler.dblclick(
{type: "dblclick", xy: new OpenLayers.Pixel(1, 1)});
t.ok(feature1.layer == null, "a) feature1 destroyed");
handler.persist = true;
var feature2 = handler.line;
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)});
handler.mousemove(
{type: "mousemove", xy: new OpenLayers.Pixel(1, 1)});
handler.dblclick(
{type: "dblclick", xy: new OpenLayers.Pixel(1, 1)});
t.ok(feature2.layer != null, "b) feature2 not destroyed");
var feature3 = handler.line;
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)});
handler.mousemove(
{type: "mousemove", xy: new OpenLayers.Pixel(1, 1)});
handler.dblclick(
{type: "dblclick", xy: new OpenLayers.Pixel(1, 1)});
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.Path(control, {});
control.handler = handler;
map.addControl(control);
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
handler.activate();
handler.persist = false;
var feature1 = handler.line;
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.ok(feature1.layer == null, "a) feature1 destroyed");
handler.persist = true;
feature2 = handler.line;
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.ok(feature2.layer != null, "b) feature2 not destroyed");
feature3 = handler.line;
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.ok(feature3.layer != null, "c) feature3 not destroyed");
t.ok(feature2.layer == null, "c) feature2 destroyed");
feature4 = handler.line;
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.ok(feature4.layer != null, "d) feature4 not destroyed");
t.ok(feature3.layer == null, "c) feature3 destroyed");
map.destroy();
}
function test_Handler_Path_destroy(t) {
t.plan(6);
@@ -175,8 +496,250 @@
"handler.line is null after destroy");
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) 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.Path(control,
{done: function(g) { log.geometry = g; }},
{stopDown: true, stopUp: true}
);
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) 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.LineString([
new OpenLayers.Geometry.Point(-150, 75), // (0, 0)
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) 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.Path(control,
{done: function(g) { log.geometry = g; }},
{stopDown: false, stopUp: false}
);
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) 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.LineString([
new OpenLayers.Geometry.Point(-150, 75), // (0, 0)
new OpenLayers.Geometry.Point(-140, 65) // (10, 10)
]), "geometry is correct");
}
// a) click
// b) dblclick
// c) mousedown holding shift key
// d) mousemove holding shift key
function test_sequence3(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.Path(control, {});
control.handler = handler;
map.addControl(control);
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
handler.activate();
// 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) click on (1, 1)
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)});
// c) click on (1, 1)
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)});
// d) mousemove to (10, 10)
handler.mousemove(
{type: "mousemove", xy: new OpenLayers.Pixel(10, 10), shiftKey: true});
t.geom_eq(handler.line.geometry,
new OpenLayers.Geometry.LineString([
new OpenLayers.Geometry.Point(-150, 75), // (0, 0)
new OpenLayers.Geometry.Point(-149, 74), // (1, 1)
new OpenLayers.Geometry.Point(-140, 65) // (10, 10)
]), "geometry is correct after mousemove");
}
// a) click
// b) dblclick
// c) mousedown holding shift key
// d) mousemove holding shift key
function test_sequence4(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.Path(control,
{done: function(g) { log.geometry = g; }},
{stopDown: false, stopUp: false}
);
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) dblclick on (1, 1)
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.dblclick(
{type: "dblclick", xy: new OpenLayers.Pixel(1, 1)});
t.geom_eq(log.geometry,
new OpenLayers.Geometry.LineString([
new OpenLayers.Geometry.Point(-150, 75), // (0, 0)
new OpenLayers.Geometry.Point(-149, 74) // (1, 1)
]), "geometry is correct after dblclick");
// c) mousedown holding shift key on (1, 1)
handler.mousedown(
{type: "mousedown", xy: new OpenLayers.Pixel(1, 1), shiftKey: true});
// d) mousemove holding shift key to (10, 10)
handler.mousemove(
{type: "mousemove", xy: new OpenLayers.Pixel(10, 10), shiftKey: true});
t.geom_eq(handler.line.geometry,
new OpenLayers.Geometry.LineString([
new OpenLayers.Geometry.Point(-149, 74), // (1, 1)
new OpenLayers.Geometry.Point(-140, 65) // (10, 10)
]), "geometry is correct after mousemove");
}
</script>
</head>
+208 -46
View File
@@ -25,11 +25,26 @@
}
function test_Handler_Point_activation(t) {
t.plan(3);
var map = new OpenLayers.Map('map');
t.plan(10);
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.Point(control, {
"create": function(g, f) {
log.push({geometry: g, feature: f});
}
});
control.handler = handler;
map.addControl(control);
var handler = new OpenLayers.Handler.Point(control);
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
handler.active = true;
var activated = handler.activate();
t.ok(!activated,
@@ -38,24 +53,52 @@
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");
t.ok(handler.point instanceof OpenLayers.Feature.Vector,
"activate creates a feature");
t.ok(handler.point.layer == handler.layer,
"activate adds the feature to the layer");
t.eq(log.length, 1,
"activate calls \"create\" once");
t.geom_eq(log[0].geometry, handler.point.geometry,
"\"create\" called with expected geometry");
t.ok(log[0].feature == handler.point,
"\"create\" called with expected feature");
activated = handler.deactivate();
t.ok(activated,
"deactivate returns true if the handler was active already");
map.destroy();
}
function test_Handler_Point_events(t) {
t.plan(29);
var map = new OpenLayers.Map('map');
var control = {
map: map
};
var handler = new OpenLayers.Handler.Point(control);
t.plan(34);
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.Point(control, {
"create": function(g, f) {
log.push({geometry: g, feature: f});
}
});
control.handler = handler;
map.addControl(control);
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
// list below events that should be handled (events) and those
// that should not be handled (nonevents) by the handler
var events = ["click", "dblclick", "mousedown", "mouseup", "mousemove"];
var nonevents = ["mouseout", "resize", "focus", "blur"];
var events = ["click", "dblclick", "mousedown", "mouseup", "mousemove", "mouseout"];
var nonevents = ["resize", "focus", "blur"];
map.events.registerPriority = function(type, obj, func) {
var r = func();
if(typeof r == "string") {
@@ -99,7 +142,7 @@
}
function test_callbacks(t) {
t.plan(10);
t.plan(28);
var map = new OpenLayers.Map("map", {
resolutions: [1]
});
@@ -108,68 +151,189 @@
isBaseLayer: true
});
map.addLayer(layer);
var control = new OpenLayers.Control({
});
var log = {};
var control = new OpenLayers.Control({});
var logs = [], log;
var handler = new OpenLayers.Handler.Point(control, {
create: function() {
log.type = "create",
log.args = arguments
logs.push({type: "create", args: arguments});
},
modify: function() {
log.type = "modify",
log.args = arguments
logs.push({type: "modify", args: arguments});
},
done: function() {
log.type = "done",
log.args = arguments
logs.push({type: "done", args: arguments});
},
cancel: function() {
log.type = "cancel",
log.args = arguments
logs.push({type: "cancel", args: arguments});
}
});
control.handler = handler;
map.addControl(control);
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
// mock up feature drawing
// create point
handler.activate();
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(0, 0)});
t.eq(log.type, "create", "[mousedown] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), "[mousedown] correct point");
t.geom_eq(log.args[1].geometry, new OpenLayers.Geometry.Point(-150, 75), "[mousedown] correct sketch feature");
handler.mousemove({type: "mousemove", xy: new OpenLayers.Pixel(1, 0)});
t.eq(log.type, "modify", "[mousemove] modify called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-149, 75), "[mousemove] correct point");
t.geom_eq(log.args[1].geometry, new OpenLayers.Geometry.Point(-149, 75), "[mousemove] correct sketch feature");
t.eq(logs.length, 1, "[activate] called back");
log = logs.shift();
t.eq(log.type, "create", "[activate] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-200, 125),
"[activate] correct point");
// 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.geom_eq(log.args[1].geometry,
new OpenLayers.Geometry.Point(-150, 75),
"[mousedown] correct feature");
// mouse move
handler.mousemove(
{type: "mousemove", xy: new OpenLayers.Pixel(1, 0)});
t.eq(logs.length, 0, "[mousemove] not called back");
// mouse up (no finalize - we moved)
handler.mouseup({type: "mouseup", xy: new OpenLayers.Pixel(1, 0)});
t.eq(logs.length, 0, "[mouseup] not called back");
// mouse move
handler.mousemove(
{type: "mousemove", xy: new OpenLayers.Pixel(2, 0)});
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(-148, 75),
"[mousemove] correct point");
t.geom_eq(log.args[1].geometry,
new OpenLayers.Geometry.Point(-148, 75),
"[mousemove] correct feature");
// mouse down
handler.mousedown(
{type: "mousedown", xy: new OpenLayers.Pixel(2, 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(-148, 75),
"[mousedown] correct point");
t.geom_eq(log.args[1].geometry,
new OpenLayers.Geometry.Point(-148, 75),
"[mousedown] correct feature");
// mouse up
handler.mouseup({type: "mouseup", xy: new OpenLayers.Pixel(2, 0)});
t.eq(logs.length, 2, "[mouseup] called back twice");
log = logs.shift();
t.eq(log.type, "done", "[mouseup] done called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-149, 75), "[mouseup] correct point");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-148, 75),
"[mouseup] correct point");
log = logs.shift();
t.eq(log.type, "create", "[mouseup] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-200, 125),
"[activate] correct point");
// mouse up on same pixel
handler.mouseup({type: "mouseup", xy: new OpenLayers.Pixel(2, 0)});
t.eq(logs.length, 0, "[mouseup] not called back");
// cancel
handler.cancel();
t.eq(logs.length, 2, "[cancel] called back");
log = logs.shift();
t.eq(log.type, "cancel", "[cancel] canced called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-200, 125),
"[cancel] correct point");
log = logs.shift();
t.eq(log.type, "create", "[cancel] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-200, 125),
"[cancel] correct point");
// mock up feature drawing with a cancel
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(0, 0)});
handler.deactivate();
t.eq(log.type, "cancel", "[deactivate while drawing] cancel called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), "[deactivate while drawing] correct point");
map.destroy();
}
function test_persist(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({});
var handler = new OpenLayers.Handler.Point(control, {});
control.handler = handler;
map.addControl(control);
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
handler.activate();
handler.persist = false;
handler.mousedown(
{type: "mousedown", xy: new OpenLayers.Pixel(0, 0)});
handler.mouseup(
{type: "mouseup", xy: new OpenLayers.Pixel(0, 0)});
t.eq(handler.layer.features.length, 1,
"feature destroyed on mouseup when persist is false");
handler.persist = true;
handler.mousedown(
{type: "mousedown", xy: new OpenLayers.Pixel(1, 0)});
handler.mouseup(
{type: "mouseup", xy: new OpenLayers.Pixel(1, 0)});
t.eq(handler.layer.features.length, 2,
"feature not destroyed on mouseup when persist is true");
var feature = handler.layer.features[0];
handler.mousedown(
{type: "mousedown", xy: new OpenLayers.Pixel(2, 0)});
handler.mouseup(
{type: "mouseup", xy: new OpenLayers.Pixel(2, 0)});
t.ok(handler.layer.features[0] !== feature,
"persisted feature destroyed on next mouseup");
map.destroy();
}
function test_Handler_Point_deactivation(t) {
t.plan(1);
var map = new OpenLayers.Map('map');
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.Point(control, {
"cancel": function(g) {
log.push({geometry: g});
}
});
control.handler = handler;
map.addControl(control);
var handler = new OpenLayers.Handler.Point(control, {foo: 'bar'});
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
handler.activate();
var _layer = handler.layer;
var _geometry = handler.point.geometry;
handler.deactivate();
t.eq(_layer.map, null,
"deactivates removes the layer from the map");
t.eq(handler.layer, null,
"deactivates sets its \"layer\" property to null");
t.eq(log.length, 1,
"deactivates calls \"cancel\" once");
t.ok(log[0].geometry.equals(_geometry),
"\"cancel\" called with expected geometry");
handler.activate();
handler.layer.destroy();
handler.deactivate();
t.eq(handler.layer, null,
"deactivate doesn't throw an error if layer was" +
" previously destroyed");
map.destroy();
}
function test_Handler_Point_bounds(t) {
@@ -183,7 +347,7 @@
var activated = handler.activate();
var px = new OpenLayers.Pixel(150, 75);
var evt = {xy: px, which: 1};
handler.mousedown(evt);
handler.mousemove(evt);
var lonlat = map.getLonLatFromPixel(px);
t.eq(handler.point.geometry.x, lonlat.lon, "X is correct");
t.eq(handler.point.geometry.y, lonlat.lat, "Y is correct");
@@ -203,8 +367,6 @@
var handler = new OpenLayers.Handler.Point(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");
+550 -56
View File
@@ -25,12 +25,27 @@
}
function test_Handler_Polygon_activation(t) {
t.plan(3);
var map = new OpenLayers.Map('map');
t.plan(13);
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, {
"create": function(g, f) {
log.push({geometry: g, feature: f});
}
});
control.handler = handler;
map.addControl(control);
var handler = new OpenLayers.Handler.Polygon(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");
@@ -38,41 +53,68 @@
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");
t.ok(handler.point instanceof OpenLayers.Feature.Vector,
"activate creates a point feature");
t.ok(handler.point.layer == handler.layer,
"activate adds the point feature to the layer");
t.ok(handler.line instanceof OpenLayers.Feature.Vector,
"activates creates a line feature");
t.ok(handler.polygon instanceof OpenLayers.Feature.Vector,
"acttivates creates a polygon feature");
t.ok(handler.polygon.layer == handler.layer,
"activate adds the polygin feature to the layer");
t.eq(log.length, 1,
"activate calls \"create\" once");
t.geom_eq(log[0].geometry, handler.point.geometry,
"\"create\" called with expected geometry");
t.ok(log[0].feature == handler.polygon,
"\"create\" called with expected feature");
activated = handler.deactivate();
t.ok(activated,
"deactivate returns true if the handler was active already");
map.destroy();
map.destroy();
}
function test_Handler_Polygon_bounds(t) {
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, {});
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);
var evt = {xy: new OpenLayers.Pixel(175, 100), which: 1};
// 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");
var evt = {xy: new OpenLayers.Pixel(175, 100), which: 1};
// mousedown on (175, 100)
evt = {xy: new OpenLayers.Pixel(175, 100), which: 1};
handler.mousedown(evt);
var evt = {xy: new OpenLayers.Pixel(125, 100), which: 1};
// 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(15);
t.plan(45);
var map = new OpenLayers.Map("map", {
resolutions: [1]
});
@@ -83,57 +125,141 @@
map.addLayer(layer);
var control = new OpenLayers.Control({
});
var log = {};
var logs = [], log;
var handler = new OpenLayers.Handler.Polygon(control, {
create: function() {
log.type = "create",
log.args = arguments
logs.push({type: "create", args: arguments});
},
point: function() {
logs.push({type: "point", args: arguments});
},
modify: function() {
log.type = "modify",
log.args = arguments
logs.push({type: "modify", args: arguments});
},
done: function() {
log.type = "done",
log.args = arguments
logs.push({type: "done", args: arguments});
},
cancel: function() {
log.type = "cancel",
log.args = arguments
logs.push({type: "cancel", args: arguments});
}
});
control.handler = handler;
map.addControl(control);
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
// mock up feature drawing
// create polygon
handler.activate();
// click at 0, 0
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(0, 0)});
t.eq(log.type, "create", "[mousedown] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), "[mousedown] correct vertex");
t.ok(log.args[1] === handler.polygon, "[mousedown] correct sketch feature");
handler.mouseup({type: "mouseup", xy: new OpenLayers.Pixel(0, 0)});
handler.activate();
t.eq(logs.length, 1, "[activate] called back");
log = logs.shift();
t.eq(log.type, "create", "[activate] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-200, 125),
"[activate] correct point");
t.ok(log.args[1] == handler.polygon,
"[activate] correct feature");
handler.mousemove(
{type: "mousemove", xy: new OpenLayers.Pixel(0, 0)});
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, 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 vertex");
t.ok(log.args[1] === handler.polygon, "[mouseup] correct sketch feature");
// move to 10, 10 and click
handler.mousemove({type: "mousemove", xy: new OpenLayers.Pixel(10, 10)});
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 vertex");
t.ok(log.args[1] === handler.polygon, "[mouseup] correct sketch feature");
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(10, 10)});
handler.mouseup({type: "mouseup", xy: new OpenLayers.Pixel(10, 10)});
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
handler.mousemove({type: "mousemove", xy: new OpenLayers.Pixel(0, 10)});
// 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 vertex");
t.ok(log.args[1] === handler.polygon, "[mouseup] correct sketch feature");
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(0, 10)});
handler.mouseup({type: "mouseup", 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)});
handler.dblclick({type: "dblclick", xy: new OpenLayers.Pixel(0, 10)});
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, 2, "[dblclick] called back twice");
log = logs.shift();
t.eq(log.type, "done", "[dblclick] done called");
t.geom_eq(
log.args[0],
@@ -147,17 +273,232 @@
]),
"[dblclick] correct polygon"
);
// mock up sketch cancel
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.deactivate();
t.eq(log.type, "cancel", "[deactivate while drawing] cancel called");
log = logs.shift();
t.eq(log.type, "create", "[dblclick] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-200, 125),
"[dblclick] correct point");
t.ok(log.args[1] == handler.polygon,
"[dblclick] correct feature");
// cancel
handler.cancel();
t.eq(logs.length, 2, "[cancel] called back");
log = logs.shift();
t.eq(log.type, "cancel", "[cancel] canced called");
log = logs.shift();
t.eq(log.type, "create", "[cancel] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-200, 125),
"[cancel] correct point");
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;
var feature1 = handler.polygon;
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)});
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;
var feature2 = handler.polygon;
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)});
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");
var feature3 = handler.polygon;
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)});
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;
var feature1 = handler.polygon;
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(2, 2), shiftKey: true});
t.ok(feature1.layer == null, "a) feature1 destroyed");
handler.persist = true;
var feature2 = handler.polygon;
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(2, 2), shiftKey: true});
t.ok(feature2.layer != null, "b) feature2 not destroyed");
var feature3 = handler.polygon;
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(2, 2), shiftKey: true});
t.ok(feature3.layer != null, "c) feature3 not destroyed");
t.ok(feature2.layer == null, "c) feature2 destroyed");
feature4 = handler.polygon;
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.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);
@@ -204,6 +545,7 @@
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
@@ -228,7 +570,7 @@
trigger("dblclick", event);
// make assertions
t.eq(log.length, 9, "a) correct number of events");
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");
@@ -236,6 +578,7 @@
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
@@ -260,7 +603,7 @@
trigger("dblclick", event);
// make assertions
t.eq(log.length, 8, "b) correct number of events");
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");
@@ -269,6 +612,7 @@
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
@@ -293,7 +637,7 @@
trigger("dblclick", event);
// make assertions
t.eq(log.length, 9, "c) correct number of events");
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");
@@ -301,6 +645,7 @@
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
@@ -330,7 +675,7 @@
trigger("dblclick", event);
// make assertions
t.eq(log.length, 11, "d) correct number of events");
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");
@@ -338,7 +683,6 @@
map.destroy();
}
function test_Handler_Polygon_destroy(t) {
t.plan(8);
var map = new OpenLayers.Map('map');
@@ -372,7 +716,157 @@
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}
);
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}
);
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");
}
</script>
</head>