import { Cartesian2 } from "../../Source/Cesium.js";
import { Cartesian3 } from "../../Source/Cesium.js";
import { Cartographic } from "../../Source/Cesium.js";
import { clone } from "../../Source/Cesium.js";
import { Color } from "../../Source/Cesium.js";
import { DistanceDisplayCondition } from "../../Source/Cesium.js";
import { Ellipsoid } from "../../Source/Cesium.js";
import { Math as CesiumMath } from "../../Source/Cesium.js";
import { NearFarScalar } from "../../Source/Cesium.js";
import { Rectangle } from "../../Source/Cesium.js";
import { Cesium3DTileBatchTable } from "../../Source/Cesium.js";
import { Cesium3DTileStyle } from "../../Source/Cesium.js";
import { ColorBlendMode } from "../../Source/Cesium.js";
import { HorizontalOrigin } from "../../Source/Cesium.js";
import { LabelStyle } from "../../Source/Cesium.js";
import { Vector3DTilePoints } from "../../Source/Cesium.js";
import { VerticalOrigin } from "../../Source/Cesium.js";
import createScene from "../createScene.js";
import pollToPromise from "../pollToPromise.js";

describe(
  "Scene/Vector3DTilePoints",
  function () {
    var scene;
    var rectangle;
    var points;

    var ellipsoid = Ellipsoid.WGS84;

    beforeAll(function () {
      scene = createScene();
    });

    afterAll(function () {
      scene.destroyForSpecs();
    });

    var mockTileset = {
      _statistics: {
        texturesByteLength: 0,
      },
      tileset: {
        _statistics: {
          batchTableByteLength: 0,
        },
        colorBlendMode: ColorBlendMode.HIGHLIGHT,
        ellipsoid: Ellipsoid.WGS84,
      },
      tile: {},
      getFeature: function (id) {
        return { batchId: id };
      },
    };

    beforeEach(function () {
      rectangle = Rectangle.fromDegrees(-40.0, -40.0, 40.0, 40.0);
    });

    afterEach(function () {
      scene.primitives.removeAll();
      points = points && !points.isDestroyed() && points.destroy();
    });

    function loadPoints(points) {
      var ready = false;
      points.readyPromise.then(function () {
        ready = true;
      });
      return pollToPromise(function () {
        points.update(scene.frameState);
        scene.frameState.commandList.length = 0;
        return ready;
      });
    }

    function zigZag(value) {
      return ((value << 1) ^ (value >> 15)) & 0xffff;
    }

    var maxShort = 32767;

    function encodePositions(
      rectangle,
      minimumHeight,
      maximumHeight,
      positions
    ) {
      var length = positions.length;
      var buffer = new Uint16Array(length * 3);

      var lastU = 0;
      var lastV = 0;
      var lastH = 0;

      for (var i = 0; i < length; ++i) {
        var position = positions[i];

        var u = (position.longitude - rectangle.west) / rectangle.width;
        var v = (position.latitude - rectangle.south) / rectangle.height;
        var h =
          (position.height - minimumHeight) / (maximumHeight - minimumHeight);

        u = CesiumMath.clamp(u, 0.0, 1.0);
        v = CesiumMath.clamp(v, 0.0, 1.0);
        h = CesiumMath.clamp(h, 0.0, 1.0);

        u = Math.floor(u * maxShort);
        v = Math.floor(v * maxShort);
        h = Math.floor(h * maxShort);

        buffer[i] = zigZag(u - lastU);
        buffer[i + length] = zigZag(v - lastV);
        buffer[i + length * 2] = zigZag(h - lastH);

        lastU = u;
        lastV = v;
        lastH = h;
      }

      return buffer;
    }

    it("renders a point", function () {
      var minHeight = 0.0;
      var maxHeight = 100.0;
      var cartoPositions = [Cartographic.fromDegrees(0.0, 0.0, 10.0)];
      var positions = encodePositions(
        rectangle,
        minHeight,
        maxHeight,
        cartoPositions
      );

      var batchTable = new Cesium3DTileBatchTable(mockTileset, 1);
      batchTable.update(mockTileset, scene.frameState);

      points = scene.primitives.add(
        new Vector3DTilePoints({
          positions: positions,
          batchTable: batchTable,
          batchIds: new Uint16Array([0]),
          rectangle: rectangle,
          minimumHeight: minHeight,
          maximumHeight: maxHeight,
        })
      );
      return loadPoints(points).then(function () {
        var features = [];
        points.createFeatures(mockTileset, features);
        points.applyStyle(undefined, features);

        scene.camera.lookAt(
          Cartesian3.fromDegrees(0.0, 0.0, 30.0),
          new Cartesian3(0.0, 0.0, 50.0)
        );
        expect(scene).toRender([255, 255, 255, 255]);
      });
    });

    it("renders multiple points", function () {
      var minHeight = 0.0;
      var maxHeight = 100.0;
      var cartoPositions = [
        Cartographic.fromDegrees(0.0, 0.0, 10.0),
        Cartographic.fromDegrees(5.0, 0.0, 20.0),
        Cartographic.fromDegrees(-5.0, 0.0, 1.0),
        Cartographic.fromDegrees(0.0, 6.0, 5.0),
        Cartographic.fromDegrees(0.0, -6.0, 90.0),
      ];
      var positions = encodePositions(
        rectangle,
        minHeight,
        maxHeight,
        cartoPositions
      );

      var batchTable = new Cesium3DTileBatchTable(mockTileset, 5);
      batchTable.update(mockTileset, scene.frameState);

      points = scene.primitives.add(
        new Vector3DTilePoints({
          positions: positions,
          batchTable: batchTable,
          batchIds: new Uint16Array([0, 1, 2, 3, 4]),
          rectangle: rectangle,
          minimumHeight: minHeight,
          maximumHeight: maxHeight,
        })
      );
      var style = new Cesium3DTileStyle({
        verticalOrigin: VerticalOrigin.BOTTOM,
      });
      return loadPoints(points).then(function () {
        var features = [];
        points.createFeatures(mockTileset, features);
        points.applyStyle(style, features);

        for (var i = 0; i < cartoPositions.length; ++i) {
          var position = ellipsoid.cartographicToCartesian(cartoPositions[i]);
          scene.camera.lookAt(position, new Cartesian3(0.0, 0.0, 50.0));
          expect(scene).toRenderAndCall(function (rgba) {
            expect(rgba[0]).toBeGreaterThan(0);
            expect(rgba[0]).toEqual(rgba[1]);
            expect(rgba[0]).toEqual(rgba[2]);
            expect(rgba[3]).toEqual(255);
          });
        }
      });
    });

    it("picks a point", function () {
      var minHeight = 0.0;
      var maxHeight = 100.0;
      var cartoPositions = [Cartographic.fromDegrees(0.0, 0.0, 10.0)];
      var positions = encodePositions(
        rectangle,
        minHeight,
        maxHeight,
        cartoPositions
      );

      var batchTable = new Cesium3DTileBatchTable(mockTileset, 1);

      points = scene.primitives.add(
        new Vector3DTilePoints({
          positions: positions,
          batchTable: batchTable,
          batchIds: new Uint16Array([0]),
          rectangle: rectangle,
          minimumHeight: minHeight,
          maximumHeight: maxHeight,
        })
      );
      return loadPoints(points).then(function () {
        scene.camera.lookAt(
          Cartesian3.fromDegrees(0.0, 0.0, 10.0),
          new Cartesian3(0.0, 0.0, 50.0)
        );

        var features = [];
        points.createFeatures(mockTileset, features);
        points.applyStyle(undefined, features);

        var getFeature = mockTileset.getFeature;
        mockTileset.getFeature = function (index) {
          return features[index];
        };

        scene.frameState.passes.pick = true;
        batchTable.update(mockTileset, scene.frameState);
        expect(scene).toPickAndCall(function (result) {
          expect(result).toBe(features[0]);
        });
        scene.frameState.passes.pick = false;

        mockTileset.getFeature = getFeature;
      });
    });

    it("renders multiple points with style", function () {
      var minHeight = 0.0;
      var maxHeight = 100.0;
      var cartoPositions = [
        Cartographic.fromDegrees(0.0, 0.0, 10.0),
        Cartographic.fromDegrees(5.0, 0.0, 20.0),
        Cartographic.fromDegrees(-5.0, 0.0, 1.0),
        Cartographic.fromDegrees(0.0, 6.0, 5.0),
        Cartographic.fromDegrees(0.0, -6.0, 90.0),
      ];
      var positions = encodePositions(
        rectangle,
        minHeight,
        maxHeight,
        cartoPositions
      );

      var mockTilesetClone = clone(mockTileset);
      var batchTable = new Cesium3DTileBatchTable(mockTilesetClone, 5);
      mockTilesetClone.batchTable = batchTable;

      for (var i = 0; i < 5; ++i) {
        batchTable.setProperty(i, "temperature", i);
      }
      batchTable.update(mockTilesetClone, scene.frameState);

      points = scene.primitives.add(
        new Vector3DTilePoints({
          positions: positions,
          batchTable: batchTable,
          batchIds: new Uint16Array([0, 1, 2, 3, 4]),
          rectangle: rectangle,
          minimumHeight: minHeight,
          maximumHeight: maxHeight,
        })
      );

      var style = new Cesium3DTileStyle({
        show: "true",
        pointSize: "10.0",
        color: "rgba(255, 255, 0, 0.5)",
        pointOutlineColor: "rgba(255, 255, 0, 1.0)",
        pointOutlineWidth: "11.0 * ${temperature}",
        labelColor: "rgba(255, 255, 0, 1.0)",
        labelOutlineColor: "rgba(255, 255, 0, 0.5)",
        labelOutlineWidth: "1.0",
        font: '"30px sans-serif"',
        labelStyle: "" + LabelStyle.FILL_AND_OUTLINE,
        labelText: '"test"',
        backgroundColor: "rgba(255, 255, 0, 0.2)",
        backgroundPadding: "vec2(10, 11)",
        backgroundEnabled: "true",
        scaleByDistance: "vec4(1.0e4, 1.0, 1.0e6, 0.0)",
        translucencyByDistance: "vec4(1.0e4, 1.0, 1.0e6, 0.0)",
        distanceDisplayCondition: "vec2(0.1, 1.0e6)",
        heightOffset: "0.0",
        anchorLineEnabled: "true",
        anchorLineColor: "rgba(255, 255, 0, 1.0)",
        disableDepthTestDistance: "1.0e6",
        horizontalOrigin: "" + HorizontalOrigin.CENTER,
        verticalOrigin: "" + VerticalOrigin.CENTER,
        labelHorizontalOrigin: "" + HorizontalOrigin.RIGHT,
        labelVerticalOrigin: "" + VerticalOrigin.BOTTOM,
      });

      return loadPoints(points).then(function () {
        var features = [];
        points.createFeatures(mockTilesetClone, features);
        points.applyStyle(style, features);

        var i;
        for (i = 0; i < features.length; ++i) {
          var feature = features[i];
          expect(feature.show).toEqual(true);
          expect(feature.pointSize).toEqual(10.0);
          expect(feature.color).toEqual(new Color(1.0, 1.0, 0.0, 0.5));
          expect(feature.pointOutlineColor).toEqual(
            new Color(1.0, 1.0, 0.0, 1.0)
          );
          expect(feature.pointOutlineWidth).toEqual(11.0 * i);
          expect(feature.labelColor).toEqual(new Color(1.0, 1.0, 0.0, 1.0));
          expect(feature.labelOutlineColor).toEqual(
            new Color(1.0, 1.0, 0.0, 0.5)
          );
          expect(feature.labelOutlineWidth).toEqual(1.0);
          expect(feature.font).toEqual("30px sans-serif");
          expect(feature.labelStyle).toEqual(LabelStyle.FILL_AND_OUTLINE);
          expect(feature.labelText).toEqual("test");
          expect(feature.backgroundColor).toEqual(
            new Color(1.0, 1.0, 0.0, 0.2)
          );
          expect(feature.backgroundPadding).toEqual(new Cartesian2(10, 11));
          expect(feature.backgroundEnabled).toEqual(true);
          expect(feature.scaleByDistance).toEqual(
            new NearFarScalar(1.0e4, 1.0, 1.0e6, 0.0)
          );
          expect(feature.translucencyByDistance).toEqual(
            new NearFarScalar(1.0e4, 1.0, 1.0e6, 0.0)
          );
          expect(feature.distanceDisplayCondition).toEqual(
            new DistanceDisplayCondition(0.1, 1.0e6)
          );
          expect(feature.heightOffset).toEqual(0.0);
          expect(feature.anchorLineEnabled).toEqual(true);
          expect(feature.anchorLineColor).toEqual(
            new Color(1.0, 1.0, 0.0, 1.0)
          );
          expect(feature.disableDepthTestDistance).toEqual(1.0e6);
          expect(feature.horizontalOrigin).toEqual(HorizontalOrigin.CENTER);
          expect(feature.verticalOrigin).toEqual(VerticalOrigin.CENTER);
          expect(feature.labelHorizontalOrigin).toEqual(HorizontalOrigin.RIGHT);
          expect(feature.labelVerticalOrigin).toEqual(VerticalOrigin.BOTTOM);
        }

        var position;
        for (i = 0; i < cartoPositions.length; ++i) {
          position = ellipsoid.cartographicToCartesian(cartoPositions[i]);
          scene.camera.lookAt(position, new Cartesian3(0.0, 0.0, 50.0));
          expect(scene).toRenderAndCall(function (rgba) {
            expect(rgba[0]).toBeGreaterThan(0);
            expect(rgba[1]).toBeGreaterThan(0);
            expect(rgba[2]).toEqual(0);
            expect(rgba[3]).toEqual(255);
          });
        }
      });
    });

    it("renders a point with an image", function () {
      var minHeight = 0.0;
      var maxHeight = 100.0;
      var cartoPositions = [Cartographic.fromDegrees(0.0, 0.0, 10.0)];
      var positions = encodePositions(
        rectangle,
        minHeight,
        maxHeight,
        cartoPositions
      );

      var batchTable = new Cesium3DTileBatchTable(mockTileset, 1);
      batchTable.update(mockTileset, scene.frameState);

      points = scene.primitives.add(
        new Vector3DTilePoints({
          positions: positions,
          batchTable: batchTable,
          batchIds: new Uint16Array([0]),
          rectangle: rectangle,
          minimumHeight: minHeight,
          maximumHeight: maxHeight,
        })
      );

      var style = new Cesium3DTileStyle({
        image: '"./Data/Images/Blue10x10.png"',
      });
      return loadPoints(points).then(function () {
        var features = [];
        points.createFeatures(mockTileset, features);
        points.applyStyle(style, features);

        var collection = points._billboardCollection;
        expect(collection.length).toEqual(1);
        var billboard = collection.get(0);
        expect(billboard).toBeDefined();
        expect(billboard.ready).toEqual(false);

        scene.camera.lookAt(
          Cartesian3.fromDegrees(0.0, 0.0, 10.0),
          new Cartesian3(0.0, 0.0, 50.0)
        );
        return pollToPromise(function () {
          scene.renderForSpecs();
          return billboard.ready;
        }).then(function () {
          expect(billboard.ready).toEqual(true);
          expect(scene).toRender([0, 0, 255, 255]);
        });
      });
    });

    it("renders multiple points with debug color", function () {
      var minHeight = 0.0;
      var maxHeight = 100.0;
      var cartoPositions = [
        Cartographic.fromDegrees(0.0, 0.0, 10.0),
        Cartographic.fromDegrees(5.0, 0.0, 20.0),
        Cartographic.fromDegrees(-5.0, 0.0, 1.0),
        Cartographic.fromDegrees(0.0, 6.0, 5.0),
        Cartographic.fromDegrees(0.0, -6.0, 90.0),
      ];
      var positions = encodePositions(
        rectangle,
        minHeight,
        maxHeight,
        cartoPositions
      );

      var batchTable = new Cesium3DTileBatchTable(mockTileset, 5);
      batchTable.update(mockTileset, scene.frameState);

      points = scene.primitives.add(
        new Vector3DTilePoints({
          positions: positions,
          batchTable: batchTable,
          batchIds: new Uint16Array([0, 1, 2, 3, 4]),
          rectangle: rectangle,
          minimumHeight: minHeight,
          maximumHeight: maxHeight,
        })
      );
      var style = new Cesium3DTileStyle({
        verticalOrigin: VerticalOrigin.BOTTOM,
      });
      return loadPoints(points).then(function () {
        var features = [];
        points.createFeatures(mockTileset, features);
        points.applyStyle(style, features);
        points.applyDebugSettings(true, Color.YELLOW);

        var i;
        var position;
        for (i = 0; i < cartoPositions.length; ++i) {
          position = ellipsoid.cartographicToCartesian(cartoPositions[i]);
          scene.camera.lookAt(position, new Cartesian3(0.0, 0.0, 50.0));
          expect(scene).toRenderAndCall(function (rgba) {
            expect(rgba[0]).toBeGreaterThan(0);
            expect(rgba[1]).toBeGreaterThan(0);
            expect(rgba[2]).toEqual(0);
            expect(rgba[3]).toEqual(255);
          });
        }

        points.applyDebugSettings(false);

        for (i = 0; i < cartoPositions.length; ++i) {
          position = ellipsoid.cartographicToCartesian(cartoPositions[i]);
          scene.camera.lookAt(position, new Cartesian3(0.0, 0.0, 50.0));
          expect(scene).toRenderAndCall(function (rgba) {
            expect(rgba[0]).toBeGreaterThan(0);
            expect(rgba[0]).toEqual(rgba[1]);
            expect(rgba[0]).toEqual(rgba[2]);
            expect(rgba[3]).toEqual(255);
          });
        }
      });
    });

    it("isDestroyed", function () {
      points = new Vector3DTilePoints({});
      expect(points.isDestroyed()).toEqual(false);
      points.destroy();
      expect(points.isDestroyed()).toEqual(true);
    });
  },
  "WebGL"
);