import Feature from '../../../../../src/ol/Feature.js';
import Point from '../../../../../src/ol/geom/Point.js';
import LineString from '../../../../../src/ol/geom/LineString.js';
import VectorLayer from '../../../../../src/ol/layer/Vector.js';
import VectorSource from '../../../../../src/ol/source/Vector.js';
import WebGLPointsLayerRenderer from '../../../../../src/ol/renderer/webgl/PointsLayer';
import {get as getProjection} from '../../../../../src/ol/proj';
import Polygon from '../../../../../src/ol/geom/Polygon';


describe('ol.renderer.webgl.PointsLayer', 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 VectorLayer({
        source: new VectorSource()
      });
      const renderer = new WebGLPointsLayerRenderer(layer);
      expect(renderer).to.be.a(WebGLPointsLayerRenderer);
    });

  });

  describe('#prepareFrame', function() {
    let layer, renderer, frameState;

    beforeEach(function() {
      layer = new VectorLayer({
        source: new VectorSource()
      });
      renderer = new WebGLPointsLayerRenderer(layer);
      const projection = getProjection('EPSG:3857');
      frameState = {
        skippedFeatureUids: {},
        viewHints: [],
        viewState: {
          projection: projection,
          resolution: 1,
          rotation: 0,
          center: [10, 10]
        },
        size: [256, 256]
      };
    });

    it('calls WebGlHelper#prepareDraw', function() {
      const spy = sinon.spy(renderer.helper_, 'prepareDraw');
      renderer.prepareFrame(frameState);
      expect(spy.called).to.be(true);
    });

    it('fills up a buffer with 2 triangles per point', function() {
      layer.getSource().addFeature(new Feature({
        geometry: new Point([10, 20])
      }));
      renderer.prepareFrame(frameState);

      const attributePerVertex = 12;
      expect(renderer.verticesBuffer_.getArray().length).to.eql(4 * attributePerVertex);
      expect(renderer.indicesBuffer_.getArray().length).to.eql(6);
    });

    it('ignores geometries other than points', function() {
      layer.getSource().addFeature(new Feature({
        geometry: new LineString([[10, 20], [30, 20]])
      }));
      layer.getSource().addFeature(new Feature({
        geometry: new Polygon([[10, 20], [30, 20], [30, 10], [10, 20]])
      }));
      renderer.prepareFrame(frameState);

      expect(renderer.verticesBuffer_.getArray().length).to.eql(0);
      expect(renderer.indicesBuffer_.getArray().length).to.eql(0);
    });

    it('clears the buffers when the features are gone', function() {
      const source = layer.getSource();
      source.addFeature(new Feature({
        geometry: new Point([10, 20])
      }));
      source.removeFeature(source.getFeatures()[0]);
      source.addFeature(new Feature({
        geometry: new Point([10, 20])
      }));
      renderer.prepareFrame(frameState);

      const attributePerVertex = 12;
      expect(renderer.verticesBuffer_.getArray().length).to.eql(4 * attributePerVertex);
      expect(renderer.indicesBuffer_.getArray().length).to.eql(6);
    });

  });

});