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); }); it('silently returns when trying to remove a non-existing layer from the control', function () { var layers = L.control.layers({'base': L.tileLayer()}).addTo(map); expect(function () { layers.removeLayer(L.marker([0, 0])); }).to.not.throwException(); expect(layers._layers.length).to.be.equal(1); }); }); 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(); }); }); });