98a6c1754d
git-svn-id: http://svn.openlayers.org/trunk/openlayers@11226 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
420 lines
14 KiB
HTML
420 lines
14 KiB
HTML
<html>
|
|
<head>
|
|
<script src="../OLLoader.js"></script>
|
|
<script type="text/javascript">
|
|
function test_Handler_Click_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.Click(control, callbacks, options);
|
|
|
|
OpenLayers.Handler.prototype.initialize = oldInit;
|
|
}
|
|
|
|
function test_Handler_Click_activate(t) {
|
|
t.plan(2);
|
|
var control = {
|
|
map: new OpenLayers.Map('map')
|
|
};
|
|
var handler = new OpenLayers.Handler.Click(control);
|
|
handler.active = true;
|
|
var activated = handler.activate();
|
|
t.ok(!activated,
|
|
"activate returns false if the handler was already active");
|
|
handler.active = false;
|
|
handler.dragging = true;
|
|
activated = handler.activate();
|
|
t.ok(activated,
|
|
"activate returns true if the handler was not already active");
|
|
|
|
}
|
|
|
|
function test_Handler_Click_events(t) {
|
|
t.plan(80);
|
|
|
|
var map = new OpenLayers.Map('map');
|
|
var control = {
|
|
map: map
|
|
};
|
|
map.events.registerPriority = function(type, obj, func) {
|
|
var r = func();
|
|
if(typeof r == "string") {
|
|
// this is one of the mock handler methods
|
|
t.eq(OpenLayers.Util.indexOf(nonevents, type), -1,
|
|
"registered method is not one of the events " +
|
|
"that should not be handled");
|
|
t.ok(OpenLayers.Util.indexOf(events, type) > -1,
|
|
"activate calls registerPriority with browser event: " + type);
|
|
t.eq(typeof func, "function",
|
|
"activate calls registerPriority with a function");
|
|
t.eq(func(), type,
|
|
"activate calls registerPriority with the correct method");
|
|
t.eq(obj["CLASS_NAME"], "OpenLayers.Handler.Click",
|
|
"activate calls registerPriority with the handler");
|
|
}
|
|
}
|
|
function setMethod(key) {
|
|
handler[key] = function() {return key};
|
|
}
|
|
|
|
// 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", "rightclick", "touchstart", "touchmove", "touchend"];
|
|
var nonevents = ["mousemove", "resize", "focus", "blur"];
|
|
var handler = new OpenLayers.Handler.Click(control);
|
|
// set browser event like properties on the handler
|
|
for(var i=0; i<events.length; ++i) {
|
|
setMethod(events[i]);
|
|
}
|
|
handler.activate();
|
|
|
|
// different listeners registered for pixelTolerance option
|
|
var events = ["click", "dblclick", "mousedown", "mouseup", "rightclick", "touchstart", "touchmove", "touchend"];
|
|
var nonevents = ["mousemove", "resize", "focus", "blur"];
|
|
var handler = new OpenLayers.Handler.Click(control, {}, {
|
|
pixelTolerance: 2
|
|
});
|
|
for(var i=0; i<events.length; ++i) {
|
|
setMethod(events[i]);
|
|
}
|
|
handler.activate();
|
|
|
|
}
|
|
|
|
function test_Handler_Click_callbacks(t) {
|
|
t.plan(13);
|
|
|
|
var map = new OpenLayers.Map('map', {controls: []});
|
|
|
|
var control = {
|
|
map: map
|
|
};
|
|
|
|
var handler = new OpenLayers.Handler.Click(control, {});
|
|
handler.activate();
|
|
|
|
|
|
// set up for single click - three tests here
|
|
var timers = {};
|
|
var sto = window.setTimeout;
|
|
window.setTimeout = function(func, delay) {
|
|
var key = Math.random();
|
|
timers[key] = true;
|
|
t.ok(typeof func == "function",
|
|
"setTimeout called with a function");
|
|
t.eq(delay, handler.delay,
|
|
"setTimeout called with proper delay");
|
|
// execute function that is supposed to be delayed
|
|
func();
|
|
return key;
|
|
}
|
|
var cto = window.clearTimeout;
|
|
window.clearTimeout = function(key) {
|
|
if(timers[key] === true) {
|
|
delete timers[key];
|
|
} else {
|
|
t.fail("clearTimeout called with non-existent timerId");
|
|
}
|
|
}
|
|
var testEvt = {id: Math.random()};
|
|
handler.callbacks = {
|
|
"click": function(evt) {
|
|
t.eq(evt.id, testEvt.id,
|
|
"(click w/ single true) click callback called with correct evt");
|
|
},
|
|
"dblclick": function(evt) {
|
|
t.fail("(click w/ single true) dblclick should not be called here");
|
|
}
|
|
};
|
|
map.events.triggerEvent("click", testEvt);
|
|
|
|
// set up for double click with double false - no tests here (only failures)
|
|
handler.callbacks = {
|
|
"click": function(evt) {
|
|
t.fail("(dblclick w/ double false) click should not be called here");
|
|
},
|
|
"dblclick": function(evt) {
|
|
t.fail("(dblclick w/ double false) dblclick should not be called here");
|
|
}
|
|
};
|
|
testEvt = Math.random();
|
|
map.events.triggerEvent("dblclick", testEvt);
|
|
|
|
// set up for double click with double true - one test here
|
|
handler.double = true;
|
|
handler.callbacks = {
|
|
"click": function(evt) {
|
|
t.fail("(dblclick w/ double true) click should not be called here");
|
|
},
|
|
"dblclick": function(evt) {
|
|
t.eq(evt, testEvt,
|
|
"(dblclick w/ double true) dblclick called with correct evt");
|
|
}
|
|
};
|
|
testEvt = Math.random();
|
|
map.events.triggerEvent("dblclick", testEvt);
|
|
|
|
// set up for two clicks with double true - 6 tests here (with timeout ones from above)
|
|
handler.double = true;
|
|
handler.callbacks = {
|
|
"click": function(evt) {
|
|
t.ok(evt != null, "(two clicks w/ double true) click will not be called here if next three tests pass");
|
|
},
|
|
"dblclick": function(evt) {
|
|
t.eq(evt, testEvt,
|
|
"(two clicks w/ double true) dblclick called with correct evt");
|
|
}
|
|
};
|
|
testEvt = Math.random();
|
|
map.events.triggerEvent("click", testEvt);
|
|
t.ok(handler.timerId != null,
|
|
"(two clicks w/ double true) timer is set to call click");
|
|
map.events.triggerEvent("click", testEvt);
|
|
t.ok(handler.timerId == null,
|
|
"(two clicks w/ double true) timer is cleared to call click");
|
|
map.events.triggerEvent("dblclick", testEvt);
|
|
handler.destroy();
|
|
|
|
// set up to tests pixelTolerance - three tests here (2 from setTimeout above)
|
|
handler = new OpenLayers.Handler.Click(control, {}, {
|
|
pixelTolerance: 2
|
|
});
|
|
handler.activate();
|
|
var downEvt = {
|
|
xy: new OpenLayers.Pixel(0, 0)
|
|
};
|
|
map.events.triggerEvent("mousedown", downEvt);
|
|
var clickEvt = {
|
|
xy: new OpenLayers.Pixel(0, 1)
|
|
};
|
|
// mouse moves one pixel, click should be called
|
|
handler.callbacks = {
|
|
"click": function(evt) {
|
|
t.ok(evt.xy == clickEvt.xy, "(pixelTolerance met) click called");
|
|
}
|
|
};
|
|
map.events.triggerEvent("click", clickEvt);
|
|
handler.clearTimer();
|
|
|
|
// mouse moves 3x3 pixels, click should not be called
|
|
map.events.triggerEvent("mousedown", downEvt);
|
|
var clickEvt = {
|
|
xy: new OpenLayers.Pixel(3, 3)
|
|
};
|
|
// mouse moves one pixel, click should be called
|
|
handler.callbacks = {
|
|
"click": function(evt) {
|
|
t.fail("(pixelTolerance not met) click should not be called");
|
|
}
|
|
};
|
|
map.events.triggerEvent("click", clickEvt); // no test run
|
|
handler.clearTimer();
|
|
|
|
window.setTimeout = sto;
|
|
window.clearTimeout = cto;
|
|
|
|
|
|
}
|
|
|
|
function test_Handler_Click_deactivate(t) {
|
|
t.plan(4);
|
|
var control = {
|
|
map: new OpenLayers.Map('map')
|
|
};
|
|
var handler = new OpenLayers.Handler.Click(control);
|
|
handler.active = false;
|
|
var deactivated = handler.deactivate();
|
|
t.ok(!deactivated,
|
|
"deactivate returns false if the handler was not already active");
|
|
handler.active = true;
|
|
handler.down = true;
|
|
handler.timerId = true;
|
|
deactivated = handler.deactivate();
|
|
t.ok(deactivated,
|
|
"deactivate returns true if the handler was active already");
|
|
t.eq(handler.down, null,
|
|
"deactivate sets down to null");
|
|
t.eq(handler.timerId, null,
|
|
"deactivate sets timerId to null");
|
|
}
|
|
|
|
function test_Handler_Click_mouseup(t) {
|
|
t.plan(4);
|
|
g_Propagate = {};
|
|
g_evt = {};
|
|
|
|
//no modifiers, no handlerightclicks, no isrightclick
|
|
var temp = OpenLayers.Event.isRightClick;
|
|
OpenLayers.Event.isRightClick = function(e) {
|
|
t.ok(e == g_evt, 'correct event passed in to checkModifiers');
|
|
return false;
|
|
};
|
|
|
|
var h = {
|
|
'checkModifiers': function(e) {
|
|
t.ok(e == g_evt, 'correct event passed in to checkModifiers');
|
|
return false;
|
|
},
|
|
'control': {
|
|
'handleRightClicks': false
|
|
},
|
|
'rightclick': function(e) {
|
|
t.ok(e == g_evt, 'correct event passed in to checkModifiers');
|
|
return g_Propagate;
|
|
}
|
|
};
|
|
var propagate = OpenLayers.Handler.Click.prototype.mouseup.apply(h, [g_evt]);
|
|
t.ok(propagate, "default propagate is true when no modifiers, no handlerightclicks, no isrightclick")
|
|
|
|
//modifiers, handlerightclicks, and isrightclick
|
|
h.checkModifiers = function() { return true; };
|
|
h.control.handleRightClicks = true;
|
|
OpenLayers.Event.isRightClick = function(e) { return true; };
|
|
propagate = OpenLayers.Handler.Click.prototype.mouseup.apply(h, [g_evt]);
|
|
|
|
t.ok(propagate == g_Propagate, "return from handler's rightClick() returned from mouseup");
|
|
|
|
OpenLayers.Event.isRightClick = temp;
|
|
}
|
|
|
|
function test_touch_click(t) {
|
|
t.plan(4);
|
|
|
|
// set up
|
|
|
|
var log;
|
|
|
|
var map = new OpenLayers.Map('map');
|
|
var control = {map: map};
|
|
|
|
var callbacks = {
|
|
'click': function(e) {
|
|
log = {x: e.xy.x, y: e.xy.y,
|
|
lastTouches: e.lastTouches};
|
|
}
|
|
};
|
|
|
|
var handler = new OpenLayers.Handler.Click(
|
|
control, callbacks,
|
|
{'single': true, pixelTolerance: null});
|
|
|
|
// test
|
|
|
|
log = null;
|
|
handler.touchstart({xy: {x: 1, y: 1}, touches: ["foo"]});
|
|
handler.touchend({});
|
|
|
|
t.delay_call(1, function() {
|
|
t.ok(log != null, "click callback called");
|
|
if(log != null) {
|
|
t.eq(log.x, 1, "evt.xy.x as expected");
|
|
t.eq(log.y, 1, "evt.xy.y as expected");
|
|
t.eq(log.lastTouches, ["foo"], "evt.lastTouches as expected");
|
|
}
|
|
// tear down
|
|
map.destroy();
|
|
});
|
|
}
|
|
|
|
function test_touch_ignoresimulatedclick(t) {
|
|
t.plan(2);
|
|
|
|
// set up
|
|
|
|
var log;
|
|
|
|
var map = new OpenLayers.Map('map');
|
|
var control = {map: map};
|
|
|
|
var callbacks = {
|
|
'dblclick': function(e) {
|
|
log.dblclick = {x: e.xy.x, y: e.xy.y,
|
|
lastTouches: e.lastTouches};
|
|
}
|
|
};
|
|
|
|
var handler = new OpenLayers.Handler.Click(
|
|
control, callbacks,
|
|
{'double': true, pixelTolerance: null});
|
|
|
|
// test
|
|
|
|
log = {};
|
|
handler.touchstart({xy: {x: 1, y: 1}, touches: ["foo"]});
|
|
handler.touchend({});
|
|
handler.touchstart({xy: {x: 1, y: 1}, touches: ["foo"]});
|
|
handler.touchend({type: "click"});
|
|
|
|
t.eq(handler.touch, true, "Touch property should be true");
|
|
|
|
t.ok(log.dblclick == undefined, "dblclick callback not called with simulated click");
|
|
|
|
// tear down
|
|
map.destroy();
|
|
}
|
|
|
|
function test_touch_dblclick(t) {
|
|
t.plan(5);
|
|
|
|
// set up
|
|
|
|
var log;
|
|
|
|
var map = new OpenLayers.Map('map');
|
|
var control = {map: map};
|
|
|
|
var callbacks = {
|
|
'click': function(e) {
|
|
log.click = {x: e.xy.x, y: e.xy.y,
|
|
lastTouches: e.lastTouches};
|
|
},
|
|
'dblclick': function(e) {
|
|
log.dblclick = {x: e.xy.x, y: e.xy.y,
|
|
lastTouches: e.lastTouches};
|
|
}
|
|
};
|
|
|
|
var handler = new OpenLayers.Handler.Click(
|
|
control, callbacks,
|
|
{'double': true, pixelTolerance: null});
|
|
|
|
// test
|
|
|
|
log = {};
|
|
handler.touchstart({xy: {x: 1, y: 1}, touches: ["foo"]});
|
|
handler.touchend({});
|
|
handler.touchstart({xy: {x: 1, y: 1}, touches: ["foo"]});
|
|
handler.touchend({});
|
|
|
|
t.eq(log.click, undefined, "click callback not called");
|
|
t.ok(log.dblclick != undefined, "dblclick callback called");
|
|
if(log.dblclick != undefined) {
|
|
t.eq(log.dblclick.x, 1, "evt.xy.x as expected");
|
|
t.eq(log.dblclick.y, 1, "evt.xy.y as expected");
|
|
t.eq(log.dblclick.lastTouches, ["foo"], "evt.lastTouches as expected");
|
|
}
|
|
|
|
// tear down
|
|
map.destroy();
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="map" style="width: 300px; height: 150px;"/>
|
|
</body>
|
|
</html>
|