122 lines
3.7 KiB
JavaScript
122 lines
3.7 KiB
JavaScript
describe("Control.Layers", function () {
|
|
var map;
|
|
|
|
beforeEach(function () {
|
|
map = L.map(document.createElement('div'));
|
|
});
|
|
afterEach(function () {
|
|
map.remove();
|
|
});
|
|
|
|
describe("baselayerchange event", function () {
|
|
beforeEach(function () {
|
|
map.setView([0, 0], 14);
|
|
});
|
|
|
|
it("is fired on input that changes the base layer", function () {
|
|
var baseLayers = {"Layer 1": L.tileLayer(''), "Layer 2": L.tileLayer('')},
|
|
layers = L.control.layers(baseLayers).addTo(map),
|
|
spy = sinon.spy();
|
|
|
|
map.on('baselayerchange', spy);
|
|
happen.click(layers._baseLayersList.getElementsByTagName("input")[0]);
|
|
expect(spy.called).to.be.ok();
|
|
expect(spy.args[0][0].name).to.be("Layer 1");
|
|
expect(spy.args[0][0].layer).to.be(baseLayers["Layer 1"]);
|
|
happen.click(layers._baseLayersList.getElementsByTagName("input")[1]);
|
|
expect(spy.calledTwice).to.be.ok();
|
|
expect(spy.args[1][0].name).to.be("Layer 2");
|
|
expect(spy.args[1][0].layer).to.be(baseLayers["Layer 2"]);
|
|
});
|
|
|
|
it("is not fired on input that doesn't change the base layer", function () {
|
|
var overlays = {"Marker 1": L.marker([0, 0]), "Marker 2": L.marker([0, 0])},
|
|
layers = L.control.layers({}, overlays).addTo(map),
|
|
spy = sinon.spy();
|
|
|
|
map.on('baselayerchange', spy);
|
|
happen.click(layers._overlaysList.getElementsByTagName("input")[0]);
|
|
|
|
expect(spy.called).to.not.be.ok();
|
|
});
|
|
});
|
|
|
|
describe("updates", function () {
|
|
beforeEach(function () {
|
|
map.setView([0, 0], 14);
|
|
});
|
|
|
|
it("when an included layer is added or removed from the map", function () {
|
|
var baseLayer = L.tileLayer(),
|
|
overlay = L.marker([0, 0]),
|
|
layers = L.control.layers({"Base": baseLayer}, {"Overlay": overlay}).addTo(map);
|
|
|
|
var spy = sinon.spy(layers, '_update');
|
|
|
|
map.addLayer(overlay);
|
|
map.removeLayer(overlay);
|
|
|
|
expect(spy.called).to.be.ok();
|
|
expect(spy.callCount).to.eql(2);
|
|
});
|
|
|
|
it("when an included layer is added or removed from the map, it's (un)checked", function () {
|
|
document.body.appendChild(map._container);
|
|
var baseLayer = L.tileLayer(),
|
|
overlay = L.marker([0, 0]),
|
|
layers = L.control.layers({"Baselayer": baseLayer}, {"Overlay": overlay}).addTo(map);
|
|
|
|
function isChecked() {
|
|
return !!(map._container.querySelector('.leaflet-control-layers-overlays input').checked);
|
|
}
|
|
|
|
expect(isChecked()).to.not.be.ok();
|
|
map.addLayer(overlay);
|
|
expect(isChecked()).to.be.ok();
|
|
map.removeLayer(overlay);
|
|
expect(isChecked()).to.not.be.ok();
|
|
});
|
|
|
|
it("not when a non-included layer is added or removed", function () {
|
|
var baseLayer = L.tileLayer(),
|
|
overlay = L.marker([0, 0]),
|
|
layers = L.control.layers({"Base": baseLayer}).addTo(map);
|
|
|
|
var spy = sinon.spy(layers, '_update');
|
|
|
|
map.addLayer(overlay);
|
|
map.removeLayer(overlay);
|
|
|
|
expect(spy.called).to.not.be.ok();
|
|
});
|
|
|
|
it("updates when an included layer is removed from the control", function () {
|
|
document.body.appendChild(map._container);
|
|
var baseLayer = L.tileLayer(),
|
|
overlay = L.marker([0, 0]),
|
|
layers = L.control.layers({"Base": baseLayer}, {"Overlay": overlay}).addTo(map);
|
|
|
|
layers.removeLayer(overlay);
|
|
expect(map._container.querySelector('.leaflet-control-layers-overlays').children.length)
|
|
.to.be.equal(0);
|
|
});
|
|
});
|
|
|
|
describe("is removed cleanly", function () {
|
|
beforeEach(function () {
|
|
map.setView([0, 0], 14);
|
|
});
|
|
|
|
it("and layers in the control can still be removed", function () {
|
|
var baseLayer = L.tileLayer('').addTo(map);
|
|
var layersCtrl = L.control.layers({'Base': baseLayer}).addTo(map);
|
|
map.removeControl(layersCtrl);
|
|
|
|
expect(function () {
|
|
map.removeLayer(baseLayer);
|
|
}).to.not.throwException();
|
|
});
|
|
});
|
|
|
|
});
|