Organize tests

test/browser/spec/ol/interaction/keyboardzoom.test.js

@@ -0,0 +1,61 @@
+import Event from '../../../../../src/ol/events/Event.js';
+import Map from '../../../../../src/ol/Map.js';
+import MapBrowserEvent from '../../../../../src/ol/MapBrowserEvent.js';
+import View from '../../../../../src/ol/View.js';
+
+describe('ol.interaction.KeyboardZoom', function () {
+  let map;
+
+  beforeEach(function () {
+    map = new Map({
+      target: createMapDiv(100, 100),
+      view: new View({
+        center: [0, 0],
+        resolutions: [4, 2, 1],
+        zoom: 1,
+      }),
+    });
+    map.renderSync();
+  });
+  afterEach(function () {
+    disposeMap(map);
+  });
+
+  describe('handleEvent()', function () {
+    it('zooms on + and - keys', function () {
+      const view = map.getView();
+      const spy = sinon.spy(view, 'animateInternal');
+      const event = new MapBrowserEvent('keydown', map, {
+        type: 'keydown',
+        target: map.getTargetElement(),
+        preventDefault: Event.prototype.preventDefault,
+      });
+
+      event.originalEvent.charCode = '+'.charCodeAt(0);
+      map.handleMapBrowserEvent(event);
+      expect(spy.getCall(0).args[0].resolution).to.eql(1);
+      view.setResolution(2);
+
+      event.originalEvent.charCode = '-'.charCodeAt(0);
+      map.handleMapBrowserEvent(event);
+      expect(spy.getCall(1).args[0].resolution).to.eql(4);
+      view.setResolution(2);
+
+      view.animateInternal.restore();
+    });
+
+    it('does nothing if the target is editable', function () {
+      const view = map.getView();
+      const spy = sinon.spy(view, 'animateInternal');
+      const event = new MapBrowserEvent('keydown', map, {
+        type: 'keydown',
+        target: document.createElement('input'),
+        preventDefault: Event.prototype.preventDefault,
+      });
+
+      event.originalEvent.charCode = '+'.charCodeAt(0);
+      map.handleMapBrowserEvent(event);
+      expect(spy.called).to.be(false);
+    });
+  });
+});