FM / suites

/opt/canhelp/node_modules/leaflet.markercluster/spec/suites/

/opt/canhelp/node_modules/leaflet.markercluster/spec/suites

Name	Size	Mode	Actions
AddLayer.MultipleSpec.js	4738	0755	edit dl rm
AddLayer.SingleSpec.js	2928	0755	edit dl rm
AddLayersSpec.js	4534	0755	edit dl rm
animateOptionSpec.js	3843	0755	edit dl rm
ChildChangingIconSupportSpec.js	1462	0755	edit dl rm
CircleMarkerSupportSpec.js	3925	0755	edit dl rm
CircleSupportSpec.js	3792	0755	edit dl rm
clearLayersSpec.js	1411	0755	edit dl rm
disableClusteringAtZoomSpec.js	1439	0755	edit dl rm
DistanceGridSpec.js	1031	0755	edit dl rm
eachLayerSpec.js	1557	0755	edit dl rm
eventsSpec.js	9747	0755	edit dl rm
getBoundsSpec.js	3986	0755	edit dl rm
getLayersSpec.js	1920	0755	edit dl rm
getVisibleParentSpec.js	1698	0755	edit dl rm
LeafletSpec.js	159	0755	edit dl rm
markerMoveSupportSpec.js	1657	0755	edit dl rm
nonIntegerZoomSpec.js	1234	0755	edit dl rm
NonPointSpec.js	6331	0755	edit dl rm
onAddSpec.js	1339	0755	edit dl rm
onRemoveSpec.js	1117	0755	edit dl rm
PaneSpec.js	1570	0755	edit dl rm
QuickHullSpec.js	1422	0755	edit dl rm
RefreshSpec.js	12929	0755	edit dl rm
RememberOpacity.js	4170	0755	edit dl rm
RemoveLayerSpec.js	4975	0755	edit dl rm
removeLayersSpec.js	4534	0755	edit dl rm
removeOutsideVisibleBoundsSpec.js	7234	0755	edit dl rm
singleMarkerModeSpec.js	1705	0755	edit dl rm
SpecHelper.js	641	0755	edit dl rm
spiderfySpec.js	8851	0755	edit dl rm
supportNegativeZoomSpec.js	2374	0755	edit dl rm
unspiderfySpec.js	2806	0755	edit dl rm
zoomAnimationSpec.js	12623	0755	edit dl rm

Edit: /opt/canhelp/node_modules/leaflet.markercluster/spec/suites/removeOutsideVisibleBoundsSpec.js (7234B)

describe('Option removeOutsideVisibleBounds', function () {
	/////////////////////////////
	// SETUP FOR EACH TEST
	/////////////////////////////
	var marker1, marker2, marker3, marker4, marker5, markers, div, map, group, clock, realBrowser;

beforeEach(function () {
		realBrowser = L.Browser;
		clock = sinon.useFakeTimers();

marker1 = L.marker([1.5, -0.4]); // 2 screens width away.
		marker2 = L.marker([1.5, 0.6]); // 1 screen width away.
		marker3 = L.marker([1.5, 1.5]); // In view port.
		marker4 = L.marker([1.5, 2.4]); // 1 screen width away.
		marker5 = L.marker([1.5, 3.4]); // 2 screens width away.
		markers = [marker1, marker2, marker3, marker4, marker5];

div = document.createElement('div');
		div.style.width = '200px';
		div.style.height = '200px';
		document.body.appendChild(div);

map = L.map(div, { maxZoom: 18, trackResize: false });

// Corresponds to zoom level 8 for the above div dimensions.
		map.fitBounds(new L.LatLngBounds([
			[1, 1],
			[2, 2]
		]));

// Add all markers once to map then remove them immediately so that their icon is null (instead of undefined).
		for (i = 0; i < markers.length; i++) {
			map.removeLayer(markers[i].addTo(map));
		}
	});

afterEach(function () {
		if (group instanceof L.MarkerClusterGroup) {
			//group.removeLayers(group.getLayers());
			group.clearLayers();
			map.removeLayer(group);
		}

map.remove();
		div.remove();
		clock.restore();

marker1 = marker2 = marker3 = marker4 = marker5 = markers = div = map = group = clock = null;
	});

function prepareGroup() {
		// "group" should be assigned with a Marker Cluster Group before calling this function.
		group.addTo(map);

group.addLayers(markers);
	}

function setBrowserToMobile() {
		var fakeBrowser = {};
		for (k in realBrowser) {
			fakeBrowser[k] = realBrowser[k];
		}
		fakeBrowser.mobile = true;
		L.Browser = fakeBrowser;
	}

/////////////////////////////
	// TESTS
	/////////////////////////////
	it('removes objects more than 1 screen away from view port by default', function () {

group = L.markerClusterGroup();

prepareGroup();

expect(marker1._icon).to.be(null);
		expect(map._panes.markerPane.childNodes.length).to.be(3); // markers 2, 3 and 4.
		expect(marker5._icon).to.be(null);

});

it('removes objects out of view port by default for mobile device', function () {
		setBrowserToMobile();
		try {
			group = L.markerClusterGroup();

prepareGroup();

expect(marker1._icon).to.be(null);
			expect(marker2._icon).to.be(null);
			expect(map._panes.markerPane.childNodes.length).to.be(1); // marker 3 only.
			expect(marker4._icon).to.be(null);
			expect(marker5._icon).to.be(null);
		}
		finally {
			L.Browser = realBrowser;
		}
	});

it('leaves all objects on map when set to false', function () {

group = L.markerClusterGroup({
			removeOutsideVisibleBounds: false
		});

prepareGroup();

expect(map._panes.markerPane.childNodes.length).to.be(5); // All 5 markers.

});

// Following tests need markers at very high latitude.
	// They test the _checkBoundsMaxLat method against the default Web/Spherical Mercator projection maximum latitude (85.0511287798).
	// The actual map view should be '-1.0986328125,84.92929204957956,1.0986328125,85.11983467698401'
	// The expanded bounds without correction should be '-3.2958984375,84.7387494221751,3.2958984375,85.31037730438847'
	var latLngsMaxLatDefault = [
		[100, 3], // Impossible in real world, but nothing prevents the user from entering such latitude, and  Web/Spherical Mercator projection will still display it at 85.0511287798
		[85.2, 1.5], // 1 "screen" heights away.
		[85, 0], // In center of view.
		[84.8, -1.5], // 1 "screen" height away.
		[84.6, -3] // 2 "screens" height away.
	];

map.fitBounds([
			[isSouth ? -86 : 85, -1],
			[isSouth ? -85 : 86, 1] // The actual map view longitude span will be wider. '-1.0986328125,84.92929204957956,1.0986328125,85.11983467698401'
		]);
	}

function checkProjection(latLngs) {
		expect(map.options.crs).to.equal(L.CRS.EPSG3857);
		expect(L.CRS.EPSG3857.projection).to.equal(L.Projection.SphericalMercator);
		expect(L.Projection.SphericalMercator.MAX_LATITUDE).to.be.a('number');

var mapZoom = map.getZoom();

for (i = 0; i < markers.length; i++) {
			try {
				expect(markers[i].__parent._zoom).to.be.below(mapZoom);
			} catch (e) {
				console.log("Failed marker: " + (i + 1));
				throw e;
			}
		}
	}

it('includes objects above the Web Mercator projection maximum limit by default', function () {

moveMarkersAndMapToMaxLat(latLngsMaxLatDefault);

group = L.markerClusterGroup();

prepareGroup();

checkProjection(latLngsMaxLatDefault);

expect(map._panes.markerPane.childNodes.length).to.be(4); // Markers 1, 2, 3 and 4.
		expect(marker5._icon).to.be(null);

});

it('includes objects below the Web Mercator projection minimum limit by default', function () {

moveMarkersAndMapToMaxLat(latLngsMaxLatDefault, true);

// Make sure we are really in Southern hemisphere.
		expect(map.getBounds().getNorth()).to.be.below(-80);

group = L.markerClusterGroup();

prepareGroup();

checkProjection(latLngsMaxLatDefault);

clock.tick(1000);

expect(map._panes.markerPane.childNodes.length).to.be(4); // Markers 1, 2, 3 and 4.
		expect(marker5._icon).to.be(null);

});

// The actual map view should be '-1.0986328125,84.92929204957956,1.0986328125,85.11983467698401'
	var latLngsMaxLatMobile = [
		[100, 1], // Impossible in real world, but nothing prevents the user from entering such latitude, and  Web/Spherical Mercator projection will still display it at 85.0511287798
		[85.2, 0.5], // 1 "screen" heights away, but should be included by the correction.
		[85, 0], // In center of view.
		[84.9, -1], // 1 "screen" height away.
		[84.8, -1.5] // 2 "screens" height away.
	];

it('includes objects above the Web Mercator projection maximum limit for mobile device', function () {
		setBrowserToMobile();
		try {
			moveMarkersAndMapToMaxLat(latLngsMaxLatMobile);

group = L.markerClusterGroup({
				maxClusterRadius: 10
			});

prepareGroup();

checkProjection(latLngsMaxLatMobile);

expect(map._panes.markerPane.childNodes.length).to.be(3); // Markers 1, 2 and 3.
			expect(marker4._icon).to.be(null);
			expect(marker5._icon).to.be(null);
		}
		finally {
			L.Browser = realBrowser;
		}
	});

it('includes objects below the Web Mercator projection minimum limit for mobile device', function () {
		setBrowserToMobile();
		try {
			moveMarkersAndMapToMaxLat(latLngsMaxLatMobile, true);

// Make sure we are really in Southern hemisphere.
			expect(map.getBounds().getNorth()).to.be.below(-80);

group = L.markerClusterGroup({
				maxClusterRadius: 10
			});

prepareGroup();

checkProjection(latLngsMaxLatMobile);

cmd: