139 lines
3.7 KiB
JavaScript
139 lines
3.7 KiB
JavaScript
import Feature from '../../../src/ol/Feature.js';
|
|
import Point from '../../../src/ol/geom/Point.js';
|
|
import Map from '../../../src/ol/Map.js';
|
|
import _ol_View_ from '../../../src/ol/View.js';
|
|
import _ol_layer_Vector_ from '../../../src/ol/layer/Vector.js';
|
|
import _ol_source_Vector_ from '../../../src/ol/source/Vector.js';
|
|
|
|
|
|
describe('ol.rendering.Map', function() {
|
|
|
|
var map;
|
|
function createMap(renderer) {
|
|
var vectorLayer = new _ol_layer_Vector_({
|
|
source: new _ol_source_Vector_({
|
|
features: [new Feature({
|
|
geometry: new Point([0, 0])
|
|
})]
|
|
})
|
|
});
|
|
|
|
map = new Map({
|
|
pixelRatio: 1,
|
|
target: createMapDiv(50, 50),
|
|
renderer: renderer,
|
|
layers: [vectorLayer],
|
|
view: new _ol_View_({
|
|
projection: 'EPSG:4326',
|
|
center: [0, 0],
|
|
resolution: 1
|
|
})
|
|
});
|
|
}
|
|
|
|
afterEach(function() {
|
|
if (map) {
|
|
disposeMap(map);
|
|
}
|
|
map = null;
|
|
});
|
|
|
|
describe('#updateSize()', function() {
|
|
|
|
it('tests the canvas renderer', function(done) {
|
|
createMap('canvas');
|
|
map.once('postrender', function() {
|
|
var initialSize = map.getSize();
|
|
map.updateSize();
|
|
expect(map.getSize()).to.eql(initialSize);
|
|
done();
|
|
});
|
|
});
|
|
|
|
where('WebGL').it('tests the WebGL renderer', function(done) {
|
|
assertWebGL();
|
|
createMap('webgl');
|
|
map.once('postrender', function() {
|
|
var initialSize = map.getSize();
|
|
map.updateSize();
|
|
expect(map.getSize()).to.eql(initialSize);
|
|
done();
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('#render()', function() {
|
|
|
|
it('tests the canvas renderer', function(done) {
|
|
createMap('canvas');
|
|
expectResemble(
|
|
map, 'rendering/ol/expected/render-canvas.png', IMAGE_TOLERANCE, done);
|
|
});
|
|
|
|
where('WebGL').it('tests the WebGL renderer', function(done) {
|
|
assertWebGL();
|
|
createMap('webgl');
|
|
expectResemble(
|
|
map, 'rendering/ol/expected/render-webgl.png', IMAGE_TOLERANCE, done);
|
|
});
|
|
});
|
|
|
|
describe('#pan()', function() {
|
|
|
|
it('tests the canvas renderer', function(done) {
|
|
createMap('canvas');
|
|
map.getView().setCenter([10, 10]);
|
|
expectResemble(
|
|
map, 'rendering/ol/expected/pan-canvas.png', IMAGE_TOLERANCE, done);
|
|
});
|
|
|
|
where('WebGL').it('tests the WebGL renderer', function(done) {
|
|
assertWebGL();
|
|
createMap('webgl');
|
|
map.getView().setCenter([10, 10]);
|
|
expectResemble(
|
|
map, 'rendering/ol/expected/pan-webgl.png', IMAGE_TOLERANCE, done);
|
|
});
|
|
});
|
|
|
|
describe('#rotate()', function() {
|
|
|
|
it('tests the canvas renderer', function(done) {
|
|
createMap('canvas');
|
|
map.getView().setRotation(90);
|
|
map.getView().setCenter([10, 10]);
|
|
expectResemble(
|
|
map, 'rendering/ol/expected/rotate-canvas.png', 2.8, done);
|
|
});
|
|
|
|
where('WebGL').it('tests the WebGL renderer', function(done) {
|
|
assertWebGL();
|
|
createMap('webgl');
|
|
map.getView().setRotation(90);
|
|
map.getView().setCenter([10, 10]);
|
|
expectResemble(
|
|
map, 'rendering/ol/expected/rotate-webgl.png', IMAGE_TOLERANCE, done);
|
|
});
|
|
});
|
|
|
|
describe('#zoom()', function() {
|
|
|
|
it('tests the canvas renderer', function(done) {
|
|
createMap('canvas');
|
|
map.getView().setCenter([10, 10]);
|
|
map.getView().setResolution(2);
|
|
expectResemble(
|
|
map, 'rendering/ol/expected/zoom-canvas.png', IMAGE_TOLERANCE, done);
|
|
});
|
|
|
|
where('WebGL').it('tests the WebGL renderer', function(done) {
|
|
assertWebGL();
|
|
createMap('webgl');
|
|
map.getView().setCenter([10, 10]);
|
|
map.getView().setResolution(2);
|
|
expectResemble(
|
|
map, 'rendering/ol/expected/zoom-webgl.png', IMAGE_TOLERANCE, done);
|
|
});
|
|
});
|
|
});
|