Use blocked scoped variables
In addition to using const and let, this also upgrades our linter config and removes lint (mostly whitespace).
This commit is contained in:
@@ -15,10 +15,10 @@ import _ol_tilegrid_ from '../../../../src/ol/tilegrid.js';
|
||||
|
||||
describe('ol.rendering.layer.Tile', function() {
|
||||
|
||||
var map;
|
||||
let map;
|
||||
|
||||
function createMap(renderer, opt_center, opt_size, opt_pixelRatio, opt_resolutions) {
|
||||
var size = opt_size !== undefined ? opt_size : [50, 50];
|
||||
const size = opt_size !== undefined ? opt_size : [50, 50];
|
||||
|
||||
map = new Map({
|
||||
pixelRatio: opt_pixelRatio || 1,
|
||||
@@ -26,7 +26,7 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
renderer: renderer,
|
||||
view: new View({
|
||||
center: opt_center !== undefined ? opt_center : transform(
|
||||
[-122.416667, 37.783333], 'EPSG:4326', 'EPSG:3857'),
|
||||
[-122.416667, 37.783333], 'EPSG:4326', 'EPSG:3857'),
|
||||
resolutions: opt_resolutions,
|
||||
zoom: 5
|
||||
})
|
||||
@@ -41,10 +41,10 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
});
|
||||
|
||||
function waitForTiles(sources, layerOptions, onTileLoaded) {
|
||||
var tilesLoading = 0;
|
||||
var tileLoaded = 0;
|
||||
let tilesLoading = 0;
|
||||
let tileLoaded = 0;
|
||||
|
||||
var update = function() {
|
||||
const update = function() {
|
||||
if (tilesLoading === tileLoaded) {
|
||||
onTileLoaded();
|
||||
}
|
||||
@@ -62,7 +62,7 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
expect().fail('Tile failed to load');
|
||||
});
|
||||
|
||||
var options = {
|
||||
const options = {
|
||||
source: source
|
||||
};
|
||||
_ol_obj_.assign(options, layerOptions[i] || layerOptions);
|
||||
@@ -73,20 +73,20 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
describe('with tile transition', function() {
|
||||
it('renders correctly after the transition', function(done) {
|
||||
createMap('canvas');
|
||||
var source = new XYZ({
|
||||
const source = new XYZ({
|
||||
url: 'rendering/ol/data/tiles/osm/{z}/{x}/{y}.png'
|
||||
});
|
||||
waitForTiles([source], {}, function() {
|
||||
setTimeout(function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/osm-canvas.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
}, 500);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('single tile layer', function() {
|
||||
var source;
|
||||
let source;
|
||||
|
||||
beforeEach(function() {
|
||||
source = new XYZ({
|
||||
@@ -99,7 +99,7 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
createMap('canvas');
|
||||
waitForTiles([source], {}, function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/osm-canvas.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -108,13 +108,13 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
createMap('webgl');
|
||||
waitForTiles([source], {}, function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/osm-webgl.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('two tile layers', function() {
|
||||
var source1, source2;
|
||||
let source1, source2;
|
||||
|
||||
beforeEach(function() {
|
||||
source1 = new XYZ({
|
||||
@@ -131,7 +131,7 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
createMap('canvas');
|
||||
waitForTiles([source1, source2], {}, function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/2-layers-canvas.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -140,14 +140,14 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
createMap('webgl');
|
||||
waitForTiles([source1, source2], {}, function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/2-layers-webgl.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
function centerExtent(map) {
|
||||
var c = map.getView().calculateExtent(map.getSize());
|
||||
var qw = _ol_extent_.getSize(c)[0] / 4;
|
||||
var qh = _ol_extent_.getSize(c)[1] / 4;
|
||||
const c = map.getView().calculateExtent(map.getSize());
|
||||
const qw = _ol_extent_.getSize(c)[0] / 4;
|
||||
const qh = _ol_extent_.getSize(c)[1] / 4;
|
||||
return [c[0] + qw, c[1] + qh, c[2] - qw, c[3] - qh];
|
||||
}
|
||||
|
||||
@@ -155,7 +155,7 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
createMap('canvas');
|
||||
waitForTiles([source1, source2], [{}, {extent: centerExtent(map)}], function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/2-layers-canvas-extent.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -164,7 +164,7 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
map.getView().setRotation(Math.PI / 2);
|
||||
waitForTiles([source1, source2], [{}, {extent: centerExtent(map)}], function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/2-layers-canvas-extent-rotate.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -172,7 +172,7 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
createMap('canvas', undefined, undefined, 2);
|
||||
waitForTiles([source1, source2], [{}, {extent: centerExtent(map)}], function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/2-layers-canvas-extent-hidpi.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -181,14 +181,14 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
map.getView().setRotation(Math.PI / 2);
|
||||
waitForTiles([source1, source2], [{}, {extent: centerExtent(map)}], function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/2-layers-canvas-extent-rotate-hidpi.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
describe('tile layer with opacity', function() {
|
||||
var source;
|
||||
let source;
|
||||
|
||||
beforeEach(function() {
|
||||
source = new XYZ({
|
||||
@@ -201,7 +201,7 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
createMap('canvas');
|
||||
waitForTiles([source], {opacity: 0.2}, function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/opacity-canvas.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -210,7 +210,7 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
createMap('webgl');
|
||||
waitForTiles([source], {opacity: 0.2}, function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/opacity-webgl.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -228,48 +228,48 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
}
|
||||
|
||||
it('512x256 renders correcly using the canvas renderer', function(done) {
|
||||
var source = createSource('512x256');
|
||||
const source = createSource('512x256');
|
||||
createMap('canvas', [-10997148, 4569099]);
|
||||
waitForTiles([source], {}, function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/512x256-canvas.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
where('WebGL').it('512x256 renders correcly using the webgl renderer', function(done) {
|
||||
assertWebGL();
|
||||
var source = createSource('512x256');
|
||||
const source = createSource('512x256');
|
||||
createMap('webgl', [-10997148, 4569099]);
|
||||
waitForTiles([source], {}, function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/512x256-webgl.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
it('192x256 renders correcly using the canvas renderer', function(done) {
|
||||
var source = createSource('192x256');
|
||||
const source = createSource('192x256');
|
||||
createMap('canvas', [-11271098, 3747248], [100, 100], undefined,
|
||||
source.getTileGrid().getResolutions());
|
||||
source.getTileGrid().getResolutions());
|
||||
waitForTiles([source], {}, function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/192x256-canvas.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
where('WebGL').it('192x256 renders correcly using the webgl renderer', function(done) {
|
||||
assertWebGL();
|
||||
var source = createSource('192x256');
|
||||
const source = createSource('192x256');
|
||||
createMap('webgl', [-11271098, 3747248], [100, 100], undefined,
|
||||
source.getTileGrid().getResolutions());
|
||||
source.getTileGrid().getResolutions());
|
||||
waitForTiles([source], {}, function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/192x256-webgl.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('tile layer with render listener', function() {
|
||||
var source, onAddLayer;
|
||||
let source, onAddLayer;
|
||||
|
||||
beforeEach(function() {
|
||||
source = new XYZ({
|
||||
@@ -285,7 +285,7 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
stroke: new Stroke({color: 'red', width: 1})
|
||||
}));
|
||||
e.vectorContext.drawPoint(new Point(
|
||||
transform([-123, 38], 'EPSG:4326', 'EPSG:3857')));
|
||||
transform([-123, 38], 'EPSG:4326', 'EPSG:3857')));
|
||||
});
|
||||
};
|
||||
});
|
||||
@@ -295,7 +295,7 @@ describe('ol.rendering.layer.Tile', function() {
|
||||
map.getLayers().on('add', onAddLayer);
|
||||
waitForTiles([source], {}, function() {
|
||||
expectResemble(map, 'rendering/ol/layer/expected/render-canvas.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user