Files
openlayers/test/browser/spec/ol/source/DataTile.test.js
2022-05-06 14:47:10 -06:00

79 lines
2.5 KiB
JavaScript

import DataTile from '../../../../../src/ol/DataTile.js';
import DataTileSource from '../../../../../src/ol/source/DataTile.js';
import TileState from '../../../../../src/ol/TileState.js';
describe('ol/source/DataTile', function () {
/** @type {DataTileSource} */
let source;
beforeEach(function () {
const loader = function (z, x, y) {
return new Promise((resolve) => {
const canvas = document.createElement('canvas');
canvas.width = 256;
canvas.height = 256;
const context = canvas.getContext('2d');
// encode tile coordinate in rgb
context.fillStyle = `rgb(${z}, ${x % 255}, ${y % 255})`;
context.fillRect(0, 0, 256, 256);
resolve(context.getImageData(0, 0, 256, 256).data);
});
};
source = new DataTileSource({
loader: loader,
});
});
describe('#getTile()', function () {
it('gets tiles and fires a tileloadend event', function (done) {
const tile = source.getTile(3, 2, 1);
expect(tile).to.be.a(DataTile);
expect(tile.state).to.be(TileState.IDLE);
source.on('tileloadend', () => {
expect(tile.state).to.be(TileState.LOADED);
// decode tile coordinate from rgb
expect(Array.from(tile.getData().slice(0, 3))).to.eql([3, 2, 1]);
done();
});
tile.load();
});
});
describe('#getTileSize()', function () {
it('returns [256, 256] by default', function () {
const source = new DataTileSource({});
expect(source.getTileSize(0)).to.eql([256, 256]);
});
it('respects a tileSize passed to the constructor', function () {
const size = [1234, 5678];
const source = new DataTileSource({tileSize: size});
expect(source.getTileSize(0)).to.eql(size);
});
it('picks from an array of sizes passed to setTileSizes()', function () {
const sizes = [
[123, 456],
[234, 567],
[345, 678],
];
const source = new DataTileSource({});
source.setTileSizes(sizes);
expect(source.getTileSize(1)).to.eql(sizes[1]);
});
});
describe('#getInterpolate()', function () {
it('is false by default', function () {
const source = new DataTileSource({loader: () => {}});
expect(source.getInterpolate()).to.be(false);
});
it('is true if constructed with interpoate: true', function () {
const source = new DataTileSource({interpolate: true, loader: () => {}});
expect(source.getInterpolate()).to.be(true);
});
});
});