luma.gl/modules/engine/test/transform/buffer-transform.spec.js

import test from 'tape-catch';
import BufferTransform from '@luma.gl/engine/transform/buffer-transform';
import {Buffer, TransformFeedback} from '@luma.gl/webgl';
import {Model} from '@luma.gl/engine';
import {fixture} from 'test/setup';

const VS = `\
attribute float source;
varying float feedback;

void main()
{
  feedback = 2.0 * source;
}
`;

const FS = `\
void main(void) {
  gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);
}
`;

test('WebGL#BufferTransform construct', t => {
  const gl = fixture.gl;

  const bt = new BufferTransform(gl, {
    sourceBuffers: {
      input: new Buffer(gl, {id: 'source-1', data: new Float32Array([0, 2.7, -45])})
    }
  });
  t.ok(bt instanceof BufferTransform, 'should construct with only sourceBuffers');

  t.end();
});

test('WebGL#BufferTransform construct with feedbackBuffer', t => {
  let gl = fixture.gl;
  let source = new Buffer(gl, {id: 'source', data: new Float32Array([0, 2.7, -45])});
  let feedback = new Buffer(gl, {id: 'feedback', data: new Float32Array([0, 2.7, -45])});
  t.throws(
    () =>
      new BufferTransform(gl, {
        sourceBuffers: {
          source
        },
        feedbackBuffers: {
          feedback
        }
      }),
    'should throw under WebGL1'
  );

  gl = fixture.gl2;
  if (!gl) {
    t.comment('WebGL2 not available, skipping tests');
    t.end();
    return;
  }
  source = new Buffer(gl, {id: 'source', data: new Float32Array([0, 2.7, -45])});
  feedback = new Buffer(gl, {id: 'feedback', data: new Float32Array([0, 2.7, -45])});
  const bt = new BufferTransform(gl, {
    sourceBuffers: {
      source
    },
    feedbackBuffers: {
      feedback
    },
    varyings: ['feedback']
  });
  t.ok(bt instanceof BufferTransform, 'should construct manager with feedBackBuffers');
  t.deepEqual(bt.varyings, ['feedback'], 'should set varyings');
  const {attributes} = bt.getDrawOptions();
  const buffer = bt.getBuffer('feedback');
  t.equal(attributes.source.id, 'source', 'should set up attribute buffer correctly');
  t.equal(buffer.id, 'feedback', 'should set up feedback buffer correctly');
  t.end();
});

test('WebGL#BufferTransform feedbackBuffer with referece', t => {
  const gl = fixture.gl2;
  if (!gl) {
    t.comment('WebGL2 not available, skipping tests');
    t.end();
    return;
  }
  const source = new Buffer(gl, {id: 'source', data: new Float32Array([0, 2.7, -45])});
  const bt = new BufferTransform(gl, {
    sourceBuffers: {
      source
    },
    feedbackBuffers: {
      feedback: 'source'
    }
  });
  t.ok(bt instanceof BufferTransform, 'should construct manager with feedBackBuffers');
  const buffer = bt.getBuffer('feedback');
  t.ok(buffer instanceof Buffer, 'should auto create feedback buffer');

  t.end();
});

test('WebGL#BufferTransform updateModelProps', t => {
  const gl = fixture.gl2;
  if (!gl) {
    t.comment('WebGL2 not available, skipping tests');
    t.end();
    return;
  }

  // const model = new Model(gl, {vs: VS, fs: FS, vertexCount: 1, varyings: ['feedback']});
  const source = new Buffer(gl, {id: 'source', data: new Float32Array([0, 2.7, -45])});

  const cutomVaryings = ['a', 'b'];
  let bt = new BufferTransform(gl, {
    sourceBuffers: {
      source
    },
    feedbackBuffers: {
      feedback: source
    },
    varyings: cutomVaryings
  });
  let {varyings} = bt.updateModelProps();
  t.deepEqual(varyings, cutomVaryings, 'should use custom varyings when provided');

  bt.delete();
  bt = new BufferTransform(gl, {
    sourceBuffers: {
      source
    },
    feedbackBuffers: {
      feedback: source
    }
  });

  ({varyings} = bt.updateModelProps({}));
  t.deepEqual(
    varyings,
    ['feedback'],
    'should build varyings from feedbackBuffers when not provided'
  );

  bt.delete();
  t.end();
});

test('WebGL#BufferTransform setupResources', t => {
  const gl = fixture.gl2;
  if (!gl) {
    t.comment('WebGL2 not available, skipping tests');
    t.end();
    return;
  }

  const model = new Model(gl, {vs: VS, fs: FS, vertexCount: 1, varyings: ['feedback']});
  const source = new Buffer(gl, {id: 'source', data: new Float32Array([0, 2.7, -45])});
  const bt = new BufferTransform(gl, {
    sourceBuffers: {
      source
    },
    feedbackBuffers: {
      feedback: 'source'
    }
  });

  bt.setupResources({model});

  const {attributes, transformFeedback} = bt.getDrawOptions();
  t.ok(attributes.source instanceof Buffer, 'should return correct attributes');
  t.ok(transformFeedback instanceof TransformFeedback, 'should return TranformFeedback');

  t.end();
});

test('WebGL#BufferTransform swap', t => {
  const gl = fixture.gl2;
  if (!gl) {
    t.comment('WebGL2 not available, skipping tests');
    t.end();
    return;
  }

  const model = new Model(gl, {vs: VS, fs: FS, vertexCount: 1, varyings: ['feedback']});
  const source = new Buffer(gl, {id: 'source', data: new Float32Array([0, 2.7, -45])});
  const bt = new BufferTransform(gl, {
    sourceBuffers: {
      source
    },
    feedbackMap: {
      source: 'feedback'
    }
  });

  bt.setupResources({model});

  let {attributes, transformFeedback} = bt.getDrawOptions();

  const attributeID = attributes.source.id;
  const feedbackID = transformFeedback.buffers[0].id; // there should only be one location, 0

  t.ok(attributeID !== feedbackID, 'should construct feedback buffer');

  bt.swap();
  ({attributes, transformFeedback} = bt.getDrawOptions());

  const swappedAttributeID = attributes.source.id;
  const swappedFeedbackID = transformFeedback.buffers[0].id; // there should only be one location, 0

  t.equal(attributeID, swappedFeedbackID, 'should swap attribute and feedback buffers');
  t.equal(feedbackID, swappedAttributeID, 'should swap attribute and feedback buffers');

  t.end();
});