1c5fd62e43
This commit aims to simplify the computation of zoom and resolution in the View class. Previously zoom levels and resolution computations were mixed in different places, ie resolution constraints, initial values, etc. Now the View class only has the `getZoomForResolution` and `getResolutionForZoom` methods to convert from one system to another. Other than that, most computations use the resolution system internally. The `constrainResolution` method also does not exist anymore, and is replaced by `getValidResolution` and `getValidZoomLevel` public methods.
117 lines
3.2 KiB
JavaScript
117 lines
3.2 KiB
JavaScript
import Map from '../../../../src/ol/Map.js';
|
|
import View from '../../../../src/ol/View.js';
|
|
import {getCenter} from '../../../../src/ol/extent.js';
|
|
import {fromExtent as polygonFromExtent} from '../../../../src/ol/geom/Polygon.js';
|
|
import DragZoom from '../../../../src/ol/interaction/DragZoom.js';
|
|
import VectorLayer from '../../../../src/ol/layer/Vector.js';
|
|
import RenderBox from '../../../../src/ol/render/Box.js';
|
|
import VectorSource from '../../../../src/ol/source/Vector.js';
|
|
|
|
|
|
describe('ol.interaction.DragZoom', function() {
|
|
|
|
let target, map, source;
|
|
|
|
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);
|
|
source = new VectorSource();
|
|
const layer = new VectorLayer({source: source});
|
|
map = new Map({
|
|
target: target,
|
|
layers: [layer],
|
|
view: new View({
|
|
projection: 'EPSG:4326',
|
|
center: [0, 0],
|
|
resolution: 1
|
|
})
|
|
});
|
|
map.once('postrender', function() {
|
|
done();
|
|
});
|
|
});
|
|
|
|
afterEach(function() {
|
|
map.dispose();
|
|
document.body.removeChild(target);
|
|
});
|
|
|
|
describe('constructor', function() {
|
|
|
|
it('can be constructed without arguments', function() {
|
|
const instance = new DragZoom();
|
|
expect(instance).to.be.an(DragZoom);
|
|
});
|
|
it('sets "ol-dragzoom" as box className', function() {
|
|
const instance = new DragZoom();
|
|
expect(instance.box_.element_.className).to.be('ol-box ol-dragzoom');
|
|
});
|
|
it('sets a custom box className', function() {
|
|
const instance = new DragZoom({className: 'test-dragzoom'});
|
|
expect(instance.box_.element_.className).to.be('ol-box test-dragzoom');
|
|
});
|
|
|
|
});
|
|
|
|
describe('#onBoxEnd()', function() {
|
|
|
|
it('centers the view on the box geometry', function(done) {
|
|
const interaction = new DragZoom({
|
|
duration: 10
|
|
});
|
|
map.addInteraction(interaction);
|
|
|
|
const box = new RenderBox();
|
|
const extent = [-110, 40, -90, 60];
|
|
box.geometry_ = polygonFromExtent(extent);
|
|
interaction.box_ = box;
|
|
|
|
interaction.onBoxEnd_();
|
|
setTimeout(function() {
|
|
const view = map.getView();
|
|
const center = view.getCenter();
|
|
expect(center).to.eql(getCenter(extent));
|
|
done();
|
|
}, 50);
|
|
|
|
});
|
|
|
|
it('sets new resolution while zooming out', function(done) {
|
|
const interaction = new DragZoom({
|
|
duration: 10,
|
|
out: true
|
|
});
|
|
map.addInteraction(interaction);
|
|
|
|
const box = new RenderBox();
|
|
const extent = [-11.25, -11.25, 11.25, 11.25];
|
|
box.geometry_ = polygonFromExtent(extent);
|
|
interaction.box_ = box;
|
|
|
|
map.getView().setResolution(0.25);
|
|
setTimeout(function() {
|
|
interaction.onBoxEnd_();
|
|
setTimeout(function() {
|
|
const view = map.getView();
|
|
const resolution = view.getResolution();
|
|
expect(resolution).to.eql(view.getValidResolution(0.5));
|
|
done();
|
|
}, 50);
|
|
}, 50);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
});
|