Organize tests

2021-04-27 15:41:14 -07:00
parent 278e355795
commit 490cfabe91
599 changed files with 12374 additions and 1603 deletions
@@ -0,0 +1,106 @@
+import DragZoom from '../../../../../src/ol/interaction/DragZoom.js';
+import Map from '../../../../../src/ol/Map.js';
+import RenderBox from '../../../../../src/ol/render/Box.js';
+import VectorLayer from '../../../../../src/ol/layer/Vector.js';
+import VectorSource from '../../../../../src/ol/source/Vector.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';
+
+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.getCenterInternal();
+        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.getConstrainedResolution(0.5));
+          done();
+        }, 50);
+      }, 50);
+    });
+  });
+});