ad62739a6e
In addition to using const and let, this also upgrades our linter config and removes lint (mostly whitespace).
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 * as _ol_extent_ 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 _ol_render_Box_ 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 _ol_render_Box_();
|
|
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(_ol_extent_.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 _ol_render_Box_();
|
|
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.constrainResolution(0.5));
|
|
done();
|
|
}, 50);
|
|
}, 50);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
});
|