ad62739a6e
In addition to using const and let, this also upgrades our linter config and removes lint (mostly whitespace).
107 lines
2.4 KiB
JavaScript
107 lines
2.4 KiB
JavaScript
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');
|
|
});
|
|
|
|
});
|
|
|
|
});
|