Organize tests

test/browser/spec/ol/overlay.test.js

@@ -0,0 +1,100 @@
+import Map from '../../../../src/ol/Map.js';
+import Overlay from '../../../../src/ol/Overlay.js';
+import View from '../../../../src/ol/View.js';
+
+describe('ol.Overlay', function () {
+  let target, map;
+
+  const width = 360;
+  const height = 180;
+
+  beforeEach(function () {
+    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);
+
+    map = new Map({
+      target: target,
+      view: new View({
+        projection: 'EPSG:4326',
+        center: [0, 0],
+        resolution: 1,
+      }),
+    });
+  });
+
+  afterEach(function () {
+    map.dispose();
+    document.body.removeChild(target);
+  });
+
+  describe('constructor', function () {
+    it('can be constructed with minimal arguments', function () {
+      const instance = new Overlay({});
+      expect(instance).to.be.an(Overlay);
+    });
+
+    it('can be constructed with className', function () {
+      const instance = new Overlay({className: 'my-class'});
+      expect(instance).to.be.an(Overlay);
+      expect(instance.element.className).to.be('my-class');
+    });
+  });
+
+  describe('#getId()', function () {
+    let overlay, target;
+
+    beforeEach(function () {
+      target = document.createElement('div');
+    });
+    afterEach(function () {
+      map.removeOverlay(overlay);
+    });
+
+    it('returns the overlay identifier', function () {
+      overlay = new Overlay({
+        element: target,
+        position: [0, 0],
+      });
+      map.addOverlay(overlay);
+      expect(overlay.getId()).to.be(undefined);
+      map.removeOverlay(overlay);
+      overlay = new Overlay({
+        id: 'foo',
+        element: target,
+        position: [0, 0],
+      });
+      map.addOverlay(overlay);
+      expect(overlay.getId()).to.be('foo');
+    });
+  });
+
+  describe('#setVisible()', function () {
+    let overlay, target;
+
+    beforeEach(function () {
+      target = document.createElement('div');
+    });
+    afterEach(function () {
+      map.removeOverlay(overlay);
+    });
+
+    it('changes the CSS display value', function () {
+      overlay = new Overlay({
+        element: target,
+        position: [0, 0],
+      });
+      map.addOverlay(overlay);
+      map.renderSync();
+      expect(overlay.element.style.display).not.to.be('none');
+      overlay.setVisible(false);
+      expect(overlay.element.style.display).to.be('none');
+    });
+  });
+});