Merge pull request #133 from Falke-Design/feat/cleanup_tests

Clean up tests
GeoTIFF · Jul 25, 2023 · 6e60422 · 6e60422
2 parents 6e343c0 + f6a307d
commit 6e60422
Show file tree

Hide file tree

Showing 63 changed files with 2,161 additions and 112 deletions.
diff --git a/test.js b/test.js
diff --git a/tests/arrayBuffer.html b/tests/arrayBuffer.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
     <style>
       #map {
         bottom: 0;
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/browse/[email protected]/dist/fetch.umd.js"></script>
-    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <script src="https://unpkg.com/georaster"></script>
     <script src="../dist/georaster-layer-for-leaflet.min.js"></script>
     <script>
@@ -28,7 +28,8 @@
         attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
       }).addTo(map);
 
-      var url_to_geotiff_file = "https://raw.githubusercontent.com/GeoTIFF/georaster-layer-for-leaflet-example/master/example_4326.tif";
+      var url_to_geotiff_file =
+        "https://raw.githubusercontent.com/GeoTIFF/georaster-layer-for-leaflet-example/master/example_4326.tif";
 
       fetch(url_to_geotiff_file)
         .then(function (response) {

diff --git a/tests/arrayBufferInUTM.html b/tests/arrayBufferInUTM.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
     <style>
       #map {
         bottom: 0;
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/browse/[email protected]/dist/fetch.umd.js"></script>
-    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <script src="https://unpkg.com/proj4"></script>
     <script src="https://unpkg.com/georaster"></script>
     <script src="../dist/georaster-layer-for-leaflet.min.js"></script>

diff --git a/tests/arrows.html b/tests/arrows.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
     <style>
       #map {
         bottom: 0;
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/browse/[email protected]/dist/fetch.umd.js"></script>
-    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <script src="https://unpkg.com/georaster"></script>
     <script src="../dist/georaster-layer-for-leaflet.min.js"></script>
     <script>

diff --git a/tests/cog-error-fallback.html b/tests/cog-error-fallback.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
     <style>
       #map {
         bottom: 0;
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/browse/[email protected]/dist/fetch.umd.js"></script>
-    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <script src="https://unpkg.com/georaster"></script>
     <script src="https://unpkg.com/proj4"></script>
     <script src="../dist/georaster-layer-for-leaflet.min.js"></script>
@@ -30,10 +30,11 @@
       }).addTo(map);
 
       const rasterUrl =
-      "https://storage.googleapis.com/pdd-stac/disasters/hurricane-harvey/0831/20170831_172754_101c_3b_Visual.tif";
+        "https://storage.googleapis.com/pdd-stac/disasters/hurricane-harvey/0831/20170831_172754_101c_3b_Visual.tif";
       parseGeoraster(rasterUrl).then(function (georaster) {
-
-        georaster.getValues = () => { throw new Error("failure to fetch values"); }
+        georaster.getValues = () => {
+          throw new Error("failure to fetch values");
+        };
 
         const { noDataValue } = georaster;
         const resolution = 64;
@@ -45,7 +46,7 @@
 
         setTimeout(() => {
           map.flyToBounds(lyr.getBounds());
-        }, 1000)
+        }, 1000);
 
         lyr.on("tileerror", data => {
           const { coords, tile } = data;
@@ -61,7 +62,7 @@
 
           const { x, y, z } = coords;
           const img = new Image(256, 256);
-          img.onload = () => data.tile.getContext('2d').drawImage(img, 0, 0);
+          img.onload = () => data.tile.getContext("2d").drawImage(img, 0, 0);
           img.src = `https://tiles.rdnt.io/tiles/${z}/${x}/${y}?url=${rasterUrl}`;
         });
       });

diff --git a/tests/cog-mask.html b/tests/cog-mask.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
     <script src="https://unpkg.com/reproject-geojson"></script>
     <style>
       #map {
@@ -17,7 +17,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/browse/[email protected]/dist/fetch.umd.js"></script>
-    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <script src="https://unpkg.com/georaster"></script>
     <script src="https://unpkg.com/proj4"></script>
     <script src="../dist/georaster-layer-for-leaflet.min.js"></script>
@@ -74,7 +74,7 @@
 
         setTimeout(() => {
           map.flyToBounds(layer.getBounds());
-        }, 1000)
+        }, 1000);
       });
     </script>
   </body>

diff --git a/tests/cog-single-band-canopy.html b/tests/cog-single-band-canopy.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
     <style>
       #map {
         bottom: 0;
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/browse/[email protected]/dist/fetch.umd.js"></script>
-    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <script src="https://unpkg.com/georaster"></script>
     <script src="../dist/georaster-layer-for-leaflet.min.js"></script>
     <script>
@@ -28,7 +28,8 @@
         attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
       }).addTo(map);
 
-      const url_to_geotiff_file = "https://georaster-layer-for-leaflet.s3.amazonaws.com/California-Vegetation-CanopyBaseHeight-2016-Summer-00010m.tiff";
+      const url_to_geotiff_file =
+        "https://georaster-layer-for-leaflet.s3.amazonaws.com/California-Vegetation-CanopyBaseHeight-2016-Summer-00010m.tiff";
       parseGeoraster(url_to_geotiff_file).then(function (georaster) {
         console.log("georaster:", georaster);
         const layer = new GeoRasterLayer({

diff --git a/tests/cog.html b/tests/cog.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
     <style>
       #map {
         bottom: 0;
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/browse/[email protected]/dist/fetch.umd.js"></script>
-    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <script src="https://unpkg.com/georaster"></script>
     <script src="https://unpkg.com/proj4"></script>
     <script src="../dist/georaster-layer-for-leaflet.min.js"></script>
@@ -57,7 +57,7 @@
 
         setTimeout(() => {
           map.flyToBounds(layer.getBounds());
-        }, 1000)
+        }, 1000);
       });
     </script>
   </body>

diff --git a/tests/color-scale.2.html b/tests/color-scale.2.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
     <style>
       #map {
         bottom: 0;
@@ -15,18 +15,18 @@
   </head>
   <body>
     <div id="map"></div>
-    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <script src="https://unpkg.com/georaster"></script>
     <script src="https://unpkg.com/chroma-js"></script>
     <script src="https://unpkg.com/georaster-layer-for-leaflet@2"></script>
 
     <script>
       // initalize leaflet map
-      var map = L.map('map').setView([0, 0], 5);
+      var map = L.map("map").setView([0, 0], 5);
 
       // add OpenStreetMap basemap
-      L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
-          attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+      L.tileLayer("http://{s}.tile.osm.org/{z}/{x}/{y}.png", {
+        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
       }).addTo(map);
 
       // originally from https://globalwindatlas.info/downloads/gis-files
@@ -45,23 +45,23 @@
             var scale = chroma.scale("Viridis");
 
             var layer = new GeoRasterLayer({
-                debugLevel: 4,
-                georaster: georaster,
-                opacity: 0.7,
-                pixelValuesToColorFn: function(pixelValues) {
-                  var pixelValue = pixelValues[0]; // there's just one band in this raster
+              debugLevel: 4,
+              georaster: georaster,
+              opacity: 0.7,
+              pixelValuesToColorFn: function (pixelValues) {
+                var pixelValue = pixelValues[0]; // there's just one band in this raster
 
-                  // if there's zero wind, don't return a color
-                  if (pixelValue === 0) return null;
+                // if there's zero wind, don't return a color
+                if (pixelValue === 0) return null;
 
-                  // scale to 0 - 1 used by chroma
-                  var scaledPixelValue = (pixelValue - min) / range;
+                // scale to 0 - 1 used by chroma
+                var scaledPixelValue = (pixelValue - min) / range;
 
-                  var color = scale(scaledPixelValue).hex();
+                var color = scale(scaledPixelValue).hex();
 
-                  return color;
-                },
-                resolution: 256
+                return color;
+              },
+              resolution: 256
             });
             console.log("layer:", layer);
             layer.addTo(map);
@@ -71,4 +71,4 @@
         });
     </script>
   </body>
-</html>
+</html>
diff --git a/tests/color-scale.html b/tests/color-scale.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
     <style>
       #map {
         bottom: 0;
@@ -15,18 +15,18 @@
   </head>
   <body>
     <div id="map"></div>
-    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <script src="https://unpkg.com/georaster"></script>
     <script src="https://unpkg.com/chroma-js"></script>
     <script src="../dist/georaster-layer-for-leaflet.min.js"></script>
 
     <script>
       // initalize leaflet map
-      var map = L.map('map').setView([0, 0], 0);
+      var map = L.map("map").setView([0, 0], 0);
 
       // add OpenStreetMap basemap
-      L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
-          attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+      L.tileLayer("http://{s}.tile.osm.org/{z}/{x}/{y}.png", {
+        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
       }).addTo(map);
 
       // originally from https://globalwindatlas.info/downloads/gis-files
@@ -45,23 +45,23 @@
             var scale = chroma.scale("Viridis");
 
             var layer = new GeoRasterLayer({
-                debugLevel: 4,
-                georaster,
-                opacity: 0.7,
-                pixelValuesToColorFn: function(pixelValues) {
-                  var pixelValue = pixelValues[0]; // there's just one band in this raster
+              debugLevel: 4,
+              georaster,
+              opacity: 0.7,
+              pixelValuesToColorFn: function (pixelValues) {
+                var pixelValue = pixelValues[0]; // there's just one band in this raster
 
-                  // if there's zero wind, don't return a color
-                  if (pixelValue === 0) return null;
+                // if there's zero wind, don't return a color
+                if (pixelValue === 0) return null;
 
-                  // scale to 0 - 1 used by chroma
-                  var scaledPixelValue = (pixelValue - min) / range;
+                // scale to 0 - 1 used by chroma
+                var scaledPixelValue = (pixelValue - min) / range;
 
-                  var color = scale(scaledPixelValue).hex();
+                var color = scale(scaledPixelValue).hex();
 
-                  return color;
-                },
-                resolution: 256
+                return color;
+              },
+              resolution: 256
             });
             console.log("layer:", layer);
             layer.addTo(map);
@@ -71,4 +71,4 @@
         });
     </script>
   </body>
-</html>
+</html>
diff --git a/tests/dynamic_threshold_ndvi.html b/tests/dynamic_threshold_ndvi.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
     <style>
       #map {
         bottom: 0;
@@ -31,7 +31,7 @@
     </div>
     <script src="https://unpkg.com/browse/[email protected]/dist/fetch.umd.js"></script>
     <script src="https://unpkg.com/chroma-js"></script>
-    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <script src="https://unpkg.com/georaster"></script>
     <script src="https://unpkg.com/proj4"></script>
     <script src="../dist/georaster-layer-for-leaflet.min.js"></script>