Add rendering tests for ol.reproj.Tile

test_rendering/spec/ol/reproj/tile.test.js

@@ -0,0 +1,178 @@
+goog.provide('ol.test.rendering.reproj.Tile');
+
+describe('ol.rendering.reproj.Tile', function() {
+
+  function testSingleTile(source, targetProjection, targetTileGrid, z, x, y,
+                          pixelRatio, expectedUrl, expectedRequests, done) {
+    var sourceProjection = source.getProjection();
+
+    var tilesRequested = 0;
+
+    var tile = new ol.reproj.Tile(sourceProjection, source.getTileGrid(),
+        ol.proj.get(targetProjection), targetTileGrid, z, x, y, pixelRatio,
+        function(z, x, y, pixelRatio) {
+          tilesRequested++;
+          return source.getTile(z, x, y, pixelRatio, sourceProjection);
+        });
+    if (tile.getState() == ol.TileState.IDLE) {
+      tile.listen('change', function(e) {
+        if (tile.getState() == ol.TileState.LOADED) {
+          expect(tilesRequested).to.be(expectedRequests);
+          resembleCanvas(tile.getImage(), expectedUrl,
+              IMAGE_TOLERANCE, done);
+        }
+      });
+      tile.load();
+    }
+  }
+
+  var source;
+
+  describe('single tile reprojections from EPSG:3857', function() {
+    beforeEach(function() {
+      source = new ol.source.XYZ({
+        projection: 'EPSG:3857',
+        url: 'spec/ol/data/tiles/osm/{z}/{x}/{y}.png'
+      });
+    });
+
+    it('works for identity reprojection', function(done) {
+      testSingleTile(source, 'EPSG:3857', source.getTileGrid(), 5, 5, -13, 1,
+                     'spec/ol/data/tiles/osm/5/5/12.png', 1, done);
+    });
+
+    it('to EPSG:4326', function(done) {
+      var tileGrid = ol.tilegrid.createForProjection('EPSG:4326', 7, [64, 64]);
+      testSingleTile(source, 'EPSG:4326', tileGrid, 7, 21, -20, 1,
+                     'spec/ol/reproj/expected/osm4326.png', 1, done);
+    });
+
+    it('to EPSG:5070', function(done) {
+      proj4.defs('EPSG:5070',
+          '+proj=aea +lat_1=29.5 +lat_2=45.5 +lat_0=23 +lon_0=-96 +x_0=0 ' +
+          '+y_0=0 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs');
+      var proj5070 = ol.proj.get('EPSG:5070');
+      proj5070.setExtent([-6e6, 0, 4e6, 6e6]);
+
+      var tileGrid = ol.tilegrid.createForProjection('EPSG:5070', 5, [64, 64]);
+      testSingleTile(source, 'EPSG:5070', tileGrid, 5, 13, -15, 1,
+                     'spec/ol/reproj/expected/osm5070.png', 1, done);
+    });
+
+    it('to ESRI:54009', function(done) {
+      proj4.defs('ESRI:54009',
+          '+proj=moll +lon_0=0 +x_0=0 +y_0=0 +datum=WGS84 +units=m +no_defs');
+      var proj54009 = ol.proj.get('ESRI:54009');
+      proj54009.setExtent([-18e6, -9e6, 18e6, 9e6]);
+
+      var tileGrid = ol.tilegrid.createForProjection('ESRI:54009', 7, [64, 64]);
+      testSingleTile(source, 'ESRI:54009', tileGrid, 7, 27, -16, 1,
+                     'spec/ol/reproj/expected/osm54009.png', 1, done);
+    });
+  });
+
+  describe('stitching several tiles from EPSG:3857', function() {
+    beforeEach(function() {
+      source = new ol.source.XYZ({
+        projection: 'EPSG:3857',
+        url: 'spec/ol/data/tiles/osm/{z}/{x}/{y}.png'
+      });
+    });
+
+    it('to EPSG:4326', function(done) {
+      var tileGrid = ol.tilegrid.createForProjection('EPSG:4326', 7, [64, 64]);
+      testSingleTile(source, 'EPSG:4326', tileGrid, 7, 23, -21, 1,
+                     'spec/ol/reproj/expected/stitch-osm4326.png', 2, done);
+    });
+
+    it('to EPSG:3740', function(done) {
+      proj4.defs('EPSG:3740',
+          '+proj=utm +zone=10 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 ' +
+          '+units=m +no_defs');
+      var proj3740 = ol.proj.get('EPSG:3740');
+      proj3740.setExtent([318499.05, 2700792.39, 4359164.89, 7149336.98]);
+
+      var tileGrid = ol.tilegrid.createForProjection('EPSG:3740', 4, [64, 64]);
+      testSingleTile(source, 'EPSG:3740', tileGrid, 4, 4, -13, 1,
+                     'spec/ol/reproj/expected/stitch-osm3740.png', 4, done);
+    });
+  });
+
+  describe('tile projection from EPSG:4326', function() {
+    beforeEach(function() {
+      source = new ol.source.XYZ({
+        projection: 'EPSG:4326',
+        maxZoom: 0,
+        url: 'spec/ol/data/tiles/4326/{z}/{x}/{y}.png'
+      });
+    });
+
+    it('works for identity reprojection', function(done) {
+      testSingleTile(source, 'EPSG:4326', source.getTileGrid(), 0, 0, -1, 1,
+                     'spec/ol/data/tiles/4326/0/0/0.png', 1, done);
+    });
+
+    it('to EPSG:3857', function(done) {
+      var tileGrid = ol.tilegrid.createForProjection('EPSG:3857', 0, [64, 64]);
+      testSingleTile(source, 'EPSG:3857', tileGrid, 0, 0, -1, 1,
+                     'spec/ol/reproj/expected/4326-to-3857.png', 1, done);
+    });
+  });
+
+  describe('non-square source tiles', function() {
+    beforeEach(function() {
+      source = new ol.source.XYZ({
+        projection: 'EPSG:3857',
+        url: 'spec/ol/data/tiles/osm-512x256/{z}/{x}/{y}.png',
+        tileSize: [512, 256]
+      });
+    });
+
+    it('works for identity reprojection', function(done) {
+      testSingleTile(source, 'EPSG:3857', source.getTileGrid(), 5, 3, -13, 1,
+                     'spec/ol/data/tiles/osm-512x256/5/3/12.png', 1, done);
+    });
+
+    it('to 64x128 EPSG:4326', function(done) {
+      var tileGrid = ol.tilegrid.createForProjection('EPSG:4326', 7, [64, 128]);
+      testSingleTile(source, 'EPSG:4326', tileGrid, 7, 27, -10, 1,
+                     'spec/ol/reproj/expected/512x256-to-64x128.png', 1, done);
+    });
+  });
+
+  describe('dateline wrapping', function() {
+    beforeEach(function() {
+      source = new ol.source.XYZ({
+        projection: 'EPSG:4326',
+        maxZoom: 0,
+        url: 'spec/ol/data/tiles/4326/{z}/{x}/{y}.png'
+      });
+    });
+
+    it('wraps X when prime meridian is shifted', function(done) {
+      proj4.defs('merc_180', '+proj=merc +lon_0=180 +units=m +no_defs');
+      var proj_ = ol.proj.get('merc_180');
+      proj_.setExtent([-20026376.39, -20048966.10, 20026376.39, 20048966.10]);
+
+      var tileGrid = ol.tilegrid.createForProjection('merc_180', 0, [64, 64]);
+      testSingleTile(source, 'merc_180', tileGrid, 0, 0, -1, 1,
+                     'spec/ol/reproj/expected/dateline-merc-180.png', 1, done);
+    });
+
+    it('displays north pole correctly (EPSG:3413)', function(done) {
+      proj4.defs('EPSG:3413', '+proj=stere +lat_0=90 +lat_ts=70 +lon_0=-45 ' +
+          '+k=1 +x_0=0 +y_0=0 +datum=WGS84 +units=m +no_defs');
+      var proj3413 = ol.proj.get('EPSG:3413');
+      proj3413.setExtent([-4194304, -4194304, 4194304, 4194304]);
+
+      var tileGrid = ol.tilegrid.createForProjection('EPSG:3413', 0, [64, 64]);
+      testSingleTile(source, 'EPSG:3413', tileGrid, 0, 0, -1, 1,
+                     'spec/ol/reproj/expected/dateline-pole.png', 1, done);
+    });
+  });
+});
+
+goog.require('ol.proj');
+goog.require('ol.reproj.Tile');
+goog.require('ol.source.XYZ');
+goog.require('ol.TileState');