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.

	];



	function moveMarkersAndMapToMaxLat(latLngs, isSouth) {

		for (i = 0; i < markers.length; i++) {

			if (isSouth) {

				markers[i].setLatLng([-latLngs[i][0], latLngs[i][1]]);

			} else {

				markers[i].setLatLng(latLngs[i]);

			}

		}



		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);



			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;

		}

	});

});

