import WebGLLayerRenderer, { getBlankTexture, POINT_INSTRUCTIONS_COUNT, POINT_VERTEX_STRIDE, writePointFeatureInstructions, writePointFeatureToBuffers } from '../../../../../src/ol/renderer/webgl/Layer.js'; import Layer from '../../../../../src/ol/layer/Layer.js'; describe('ol.renderer.webgl.Layer', function() { describe('constructor', function() { let target; beforeEach(function() { target = document.createElement('div'); target.style.width = '256px'; target.style.height = '256px'; document.body.appendChild(target); }); afterEach(function() { document.body.removeChild(target); }); it('creates a new instance', function() { const layer = new Layer({}); const renderer = new WebGLLayerRenderer(layer); expect(renderer).to.be.a(WebGLLayerRenderer); }); }); describe('writePointFeatureInstructions', function() { let instructions; beforeEach(function() { instructions = new Float32Array(100); }); it('writes instructions corresponding to the given parameters', function() { const baseIndex = 17; writePointFeatureInstructions(instructions, baseIndex, 1, 2, 3, 4, 5, 6, 7, 8, true, [10, 11, 12, 13]); expect(instructions[baseIndex + 0]).to.eql(1); expect(instructions[baseIndex + 1]).to.eql(2); expect(instructions[baseIndex + 2]).to.eql(3); expect(instructions[baseIndex + 3]).to.eql(4); expect(instructions[baseIndex + 4]).to.eql(5); expect(instructions[baseIndex + 5]).to.eql(6); expect(instructions[baseIndex + 6]).to.eql(7); expect(instructions[baseIndex + 7]).to.eql(8); expect(instructions[baseIndex + 8]).to.eql(1); expect(instructions[baseIndex + 9]).to.eql(10); expect(instructions[baseIndex + 10]).to.eql(11); expect(instructions[baseIndex + 11]).to.eql(12); expect(instructions[baseIndex + 12]).to.eql(13); }); it('correctly chains writes', function() { let baseIndex = 0; baseIndex = writePointFeatureInstructions(instructions, baseIndex, 1, 2, 3, 4, 5, 6, 7, 8, true, [10, 11, 12, 13]); baseIndex = writePointFeatureInstructions(instructions, baseIndex, 1, 2, 3, 4, 5, 6, 7, 8, true, [10, 11, 12, 13]); writePointFeatureInstructions(instructions, baseIndex, 1, 2, 3, 4, 5, 6, 7, 8, true, [10, 11, 12, 13]); expect(instructions[baseIndex + 0]).to.eql(1); expect(instructions[baseIndex + 1]).to.eql(2); expect(instructions[baseIndex + 2]).to.eql(3); expect(instructions[baseIndex + 3]).to.eql(4); expect(instructions[baseIndex + 4]).to.eql(5); expect(instructions[baseIndex + 5]).to.eql(6); expect(instructions[baseIndex + 6]).to.eql(7); expect(instructions[baseIndex + 7]).to.eql(8); expect(instructions[baseIndex + 8]).to.eql(1); expect(instructions[baseIndex + 9]).to.eql(10); expect(instructions[baseIndex + 10]).to.eql(11); expect(instructions[baseIndex + 11]).to.eql(12); expect(instructions[baseIndex + 12]).to.eql(13); }); }); describe('writePointFeatureToBuffers', function() { let vertexBuffer, indexBuffer, instructions, elementIndex; beforeEach(function() { vertexBuffer = new Float32Array(100); indexBuffer = new Uint32Array(100); instructions = new Float32Array(100); elementIndex = 3; writePointFeatureInstructions(instructions, elementIndex, 1, 2, 3, 4, 5, 6, 7, 8, true, [10, 11, 12, 13]); }); it('writes correctly to the buffers (without custom attributes)', function() { const stride = POINT_VERTEX_STRIDE; const positions = writePointFeatureToBuffers(instructions, elementIndex, vertexBuffer, indexBuffer); expect(vertexBuffer[0]).to.eql(1); expect(vertexBuffer[1]).to.eql(2); expect(vertexBuffer[2]).to.eql(-3.5); expect(vertexBuffer[3]).to.eql(-3.5); expect(vertexBuffer[4]).to.eql(3); expect(vertexBuffer[5]).to.eql(4); expect(vertexBuffer[6]).to.eql(8); expect(vertexBuffer[7]).to.eql(1); expect(vertexBuffer[8]).to.eql(10); expect(vertexBuffer[9]).to.eql(11); expect(vertexBuffer[10]).to.eql(12); expect(vertexBuffer[11]).to.eql(13); expect(vertexBuffer[stride + 0]).to.eql(1); expect(vertexBuffer[stride + 1]).to.eql(2); expect(vertexBuffer[stride + 2]).to.eql(+3.5); expect(vertexBuffer[stride + 3]).to.eql(-3.5); expect(vertexBuffer[stride + 4]).to.eql(5); expect(vertexBuffer[stride + 5]).to.eql(4); expect(vertexBuffer[stride * 2 + 0]).to.eql(1); expect(vertexBuffer[stride * 2 + 1]).to.eql(2); expect(vertexBuffer[stride * 2 + 2]).to.eql(+3.5); expect(vertexBuffer[stride * 2 + 3]).to.eql(+3.5); expect(vertexBuffer[stride * 2 + 4]).to.eql(5); expect(vertexBuffer[stride * 2 + 5]).to.eql(6); expect(vertexBuffer[stride * 3 + 0]).to.eql(1); expect(vertexBuffer[stride * 3 + 1]).to.eql(2); expect(vertexBuffer[stride * 3 + 2]).to.eql(-3.5); expect(vertexBuffer[stride * 3 + 3]).to.eql(+3.5); expect(vertexBuffer[stride * 3 + 4]).to.eql(3); expect(vertexBuffer[stride * 3 + 5]).to.eql(6); expect(indexBuffer[0]).to.eql(0); expect(indexBuffer[1]).to.eql(1); expect(indexBuffer[2]).to.eql(3); expect(indexBuffer[3]).to.eql(1); expect(indexBuffer[4]).to.eql(2); expect(indexBuffer[5]).to.eql(3); expect(positions.indexPosition).to.eql(6); expect(positions.vertexPosition).to.eql(stride * 4); }); it('writes correctly to the buffers (with custom attributes)', function() { instructions[elementIndex + POINT_INSTRUCTIONS_COUNT] = 101; instructions[elementIndex + POINT_INSTRUCTIONS_COUNT + 1] = 102; instructions[elementIndex + POINT_INSTRUCTIONS_COUNT + 2] = 103; const stride = POINT_VERTEX_STRIDE + 3; const positions = writePointFeatureToBuffers(instructions, elementIndex, vertexBuffer, indexBuffer, undefined, POINT_INSTRUCTIONS_COUNT + 3); expect(vertexBuffer[0]).to.eql(1); expect(vertexBuffer[1]).to.eql(2); expect(vertexBuffer[2]).to.eql(-3.5); expect(vertexBuffer[3]).to.eql(-3.5); expect(vertexBuffer[4]).to.eql(3); expect(vertexBuffer[5]).to.eql(4); expect(vertexBuffer[6]).to.eql(8); expect(vertexBuffer[7]).to.eql(1); expect(vertexBuffer[8]).to.eql(10); expect(vertexBuffer[9]).to.eql(11); expect(vertexBuffer[10]).to.eql(12); expect(vertexBuffer[11]).to.eql(13); expect(vertexBuffer[12]).to.eql(101); expect(vertexBuffer[13]).to.eql(102); expect(vertexBuffer[14]).to.eql(103); expect(vertexBuffer[stride + 12]).to.eql(101); expect(vertexBuffer[stride + 13]).to.eql(102); expect(vertexBuffer[stride + 14]).to.eql(103); expect(vertexBuffer[stride * 2 + 12]).to.eql(101); expect(vertexBuffer[stride * 2 + 13]).to.eql(102); expect(vertexBuffer[stride * 2 + 14]).to.eql(103); expect(vertexBuffer[stride * 3 + 12]).to.eql(101); expect(vertexBuffer[stride * 3 + 13]).to.eql(102); expect(vertexBuffer[stride * 3 + 14]).to.eql(103); expect(indexBuffer[0]).to.eql(0); expect(indexBuffer[1]).to.eql(1); expect(indexBuffer[2]).to.eql(3); expect(indexBuffer[3]).to.eql(1); expect(indexBuffer[4]).to.eql(2); expect(indexBuffer[5]).to.eql(3); expect(positions.indexPosition).to.eql(6); expect(positions.vertexPosition).to.eql(stride * 4); }); it('correctly chains buffer writes', function() { const stride = POINT_VERTEX_STRIDE; let positions = writePointFeatureToBuffers(instructions, elementIndex, vertexBuffer, indexBuffer); positions = writePointFeatureToBuffers(instructions, elementIndex, vertexBuffer, indexBuffer, positions); positions = writePointFeatureToBuffers(instructions, elementIndex, vertexBuffer, indexBuffer, positions); expect(vertexBuffer[0]).to.eql(1); expect(vertexBuffer[1]).to.eql(2); expect(vertexBuffer[2]).to.eql(-3.5); expect(vertexBuffer[3]).to.eql(-3.5); expect(vertexBuffer[stride * 4 + 0]).to.eql(1); expect(vertexBuffer[stride * 4 + 1]).to.eql(2); expect(vertexBuffer[stride * 4 + 2]).to.eql(-3.5); expect(vertexBuffer[stride * 4 + 3]).to.eql(-3.5); expect(vertexBuffer[stride * 8 + 0]).to.eql(1); expect(vertexBuffer[stride * 8 + 1]).to.eql(2); expect(vertexBuffer[stride * 8 + 2]).to.eql(-3.5); expect(vertexBuffer[stride * 8 + 3]).to.eql(-3.5); expect(indexBuffer[6 + 0]).to.eql(4); expect(indexBuffer[6 + 1]).to.eql(5); expect(indexBuffer[6 + 2]).to.eql(7); expect(indexBuffer[6 + 3]).to.eql(5); expect(indexBuffer[6 + 4]).to.eql(6); expect(indexBuffer[6 + 5]).to.eql(7); expect(indexBuffer[6 * 2 + 0]).to.eql(8); expect(indexBuffer[6 * 2 + 1]).to.eql(9); expect(indexBuffer[6 * 2 + 2]).to.eql(11); expect(indexBuffer[6 * 2 + 3]).to.eql(9); expect(indexBuffer[6 * 2 + 4]).to.eql(10); expect(indexBuffer[6 * 2 + 5]).to.eql(11); expect(positions.indexPosition).to.eql(6 * 3); expect(positions.vertexPosition).to.eql(stride * 4 * 3); }); }); describe('getBlankTexture', function() { it('creates a 1x1 white texture', function() { const texture = getBlankTexture(); expect(texture.height).to.eql(1); expect(texture.width).to.eql(1); expect(texture.data[0]).to.eql(255); expect(texture.data[1]).to.eql(255); expect(texture.data[2]).to.eql(255); expect(texture.data[3]).to.eql(255); }); }); });