e023c144bb
API changes: * (breaking) the `rotate` method is gone * the `adjustRotation`, `adjustResolution` and `adjustZoom` methods are now available and allow using an anchor. This means interactions do not have to do the anchor computation themselves and this also fix anchor computation when constraints must be applied.
98 lines
2.8 KiB
JavaScript
98 lines
2.8 KiB
JavaScript
import Map from '../../../../src/ol/Map.js';
|
|
import MapBrowserPointerEvent from '../../../../src/ol/MapBrowserPointerEvent.js';
|
|
import View from '../../../../src/ol/View.js';
|
|
import DragRotateAndZoom from '../../../../src/ol/interaction/DragRotateAndZoom.js';
|
|
import VectorLayer from '../../../../src/ol/layer/Vector.js';
|
|
import PointerEvent from '../../../../src/ol/pointer/PointerEvent.js';
|
|
import VectorSource from '../../../../src/ol/source/Vector.js';
|
|
|
|
describe('ol.interaction.DragRotateAndZoom', function() {
|
|
|
|
describe('constructor', function() {
|
|
|
|
it('can be constructed without arguments', function() {
|
|
const instance = new DragRotateAndZoom();
|
|
expect(instance).to.be.an(DragRotateAndZoom);
|
|
});
|
|
|
|
});
|
|
|
|
describe('#handleDragEvent()', function() {
|
|
|
|
let target, map, interaction;
|
|
|
|
const width = 360;
|
|
const height = 180;
|
|
|
|
beforeEach(function(done) {
|
|
target = document.createElement('div');
|
|
const style = target.style;
|
|
style.position = 'absolute';
|
|
style.left = '-1000px';
|
|
style.top = '-1000px';
|
|
style.width = width + 'px';
|
|
style.height = height + 'px';
|
|
document.body.appendChild(target);
|
|
const source = new VectorSource();
|
|
const layer = new VectorLayer({source: source});
|
|
interaction = new DragRotateAndZoom();
|
|
map = new Map({
|
|
target: target,
|
|
layers: [layer],
|
|
interactions: [interaction],
|
|
view: new View({
|
|
projection: 'EPSG:4326',
|
|
center: [0, 0],
|
|
resolution: 1
|
|
})
|
|
});
|
|
map.once('postrender', function() {
|
|
done();
|
|
});
|
|
});
|
|
|
|
afterEach(function() {
|
|
map.dispose();
|
|
document.body.removeChild(target);
|
|
});
|
|
|
|
it('does not rotate when rotation is disabled on the view', function() {
|
|
let event = new MapBrowserPointerEvent('pointermove', map,
|
|
new PointerEvent('pointermove', {clientX: 20, clientY: 10}, {pointerType: 'mouse'}),
|
|
true);
|
|
interaction.lastAngle_ = Math.PI;
|
|
|
|
let callCount = 0;
|
|
|
|
let view = map.getView();
|
|
view.on('change:rotation', function() {
|
|
callCount++;
|
|
});
|
|
|
|
interaction.handleDragEvent(event);
|
|
expect(callCount).to.be(1);
|
|
expect(interaction.lastAngle_).to.be(-0.8308214428190254);
|
|
|
|
callCount = 0;
|
|
view = new View({
|
|
projection: 'EPSG:4326',
|
|
center: [0, 0],
|
|
resolution: 1,
|
|
enableRotation: false
|
|
});
|
|
map.setView(view);
|
|
view.on('change:rotation', function() {
|
|
callCount++;
|
|
});
|
|
|
|
event = new MapBrowserPointerEvent('pointermove', map,
|
|
new PointerEvent('pointermove', {clientX: 24, clientY: 16}, {pointerType: 'mouse'}),
|
|
true);
|
|
|
|
interaction.handleDragEvent(event);
|
|
expect(callCount).to.be(0);
|
|
});
|
|
});
|
|
|
|
});
|