terriajs/test/ReactViews/MeasureToolSpec.jsx

Geospatial data visualization platform.

'use strict';

/*global require,expect*/
// import knockout from 'terriajs-cesium/Source/ThirdParty/knockout';
import React from 'react';
import Terria from '../../lib/Models/Terria';
import {getMountedInstance} from './MoreShallowTools';

import MeasureTool from '../../lib/ReactViews/Map/Navigation/MeasureTool';
const Entity = require('terriajs-cesium/Source/DataSources/Entity.js');
const Ellipsoid = require('terriajs-cesium/Source/Core/Ellipsoid.js');
const ConstantPositionProperty = require('terriajs-cesium/Source/DataSources/ConstantPositionProperty.js');
const Cartesian3 = require('terriajs-cesium/Source/Core/Cartesian3');
const Cartographic = require('terriajs-cesium/Source/Core/Cartographic');
const CustomDataSource = require('terriajs-cesium/Source/DataSources/CustomDataSource');
const CesiumMath = require('terriajs-cesium/Source/Core/Math');

describe('MeasureTool-jsx', function() {

    let terria;

    beforeEach(function() {
        terria = new Terria({
            baseUrl: './'
        });
    });

    it('prettifies distance when distance is in metres', function() {
        const measureTool = <MeasureTool terria={terria}/>;
        const instance = getMountedInstance(measureTool);
        let squared = false;
        const prettyDistance = instance.prettifyNumber(480, squared);

        expect(prettyDistance).toEqual("480.00 m");

        squared = true;
        const prettyDistSquared = instance.prettifyNumber(480, squared);

        expect(prettyDistSquared).toEqual("480.00 m\u00B2");
    });

    it('prettifies distance when distance is in kilometres', function() {
        const measureTool = <MeasureTool terria={terria}/>;
        const instance = getMountedInstance(measureTool);
        const prettyDistance = instance.prettifyNumber(1280.23, false);

        expect(prettyDistance).toEqual("1.28 km");
    });

    it('prettifies distance when distance is very large', function() {
        const measureTool = <MeasureTool terria={terria}/>;
        const instance = getMountedInstance(measureTool);
        const prettyDistance = instance.prettifyNumber(123123280.23, false);

        expect(prettyDistance).toEqual("123,123.28 km");
    });

    it('measures geodesic distance in 3D mode', function() {
        const measureTool = <MeasureTool terria={terria}/>;
        const instance = getMountedInstance(measureTool);

        // Roughly Auckland
        const positionOne = new Cartesian3(-5088454.576893678, 465233.10329933715, -3804299.6786334896);

        // Roughly L.A.
        const positionTwo = new Cartesian3(-2503231.890682526, -4660863.528418564, 3551306.84427321);

        const distance_m = instance.getGeodesicDistance(positionOne, positionTwo);
        // This is a golden distance test, but the actual distance from LA to Auckland is roughly 10,494.93 km, so
        // close.
        expect(Math.abs(distance_m - 10476961.667267017) < 2e-9).toBeTruthy();
    });

    it('measures geodesic distance in 2D mode', function() {
        terria.viewerMode = '2d';
        const measureTool = <MeasureTool terria={terria}/>;
        const instance = getMountedInstance(measureTool);

        // Roughly Auckland
        const positionOne = new Cartesian3(-5088454.576893678, 465233.10329933715, -3804299.6786334896);

        // Roughly L.A.
        const positionTwo = new Cartesian3(-2503231.890682526, -4660863.528418564, 3551306.84427321);

        const distance_m = instance.getGeodesicDistance(positionOne, positionTwo);
        // This is a golden distance test, but the actual distance from LA to Auckland is roughly 10,494.93 km, so
        // close.
        expect(Math.abs(distance_m - 10476961.667267017) < 2e-9).toBeTruthy();
    });

    it('measures distance accurately', function() {
        const measureTool = <MeasureTool terria={terria}/>;
        const instance = getMountedInstance(measureTool);

        // And by accurately, I mean similar to google maps. Points are visually distinguishable points on parliament
        // house.
        const pointEntities = new CustomDataSource();
        pointEntities.entities.add(new Entity({
                            name: 'Parl house 1',
                            position: new ConstantPositionProperty(new Cartesian3(-4472628.878459197, 2674320.0223987163, -3666272.9589235038))
                        }));

        pointEntities.entities.add(new Entity({
                            name: 'Parl house 2',
                            position: new ConstantPositionProperty(new Cartesian3(-4472822.49209372, 2674246.213307502, -3666094.8052623854))
                        }));

        instance.updateDistance(pointEntities);
        expect(instance.onMakeDialogMessage()).toEqual("273.23 m");
    });

    it('measures distance accurately with geoscience australia test', function() {
        const measureTool = <MeasureTool terria={terria}/>;
        const instance = getMountedInstance(measureTool);

        const pointEntities = new CustomDataSource();

        const flindersPeakPosition = new Cartographic(CesiumMath.toRadians(144.424868), CesiumMath.toRadians(-37.951033), CesiumMath.toRadians(0));
        const flindersPeakCartesianPosition = Ellipsoid.WGS84.cartographicToCartesian(flindersPeakPosition);
        const buninyongPosition = new Cartographic(CesiumMath.toRadians(143.926496), CesiumMath.toRadians(-37.652821), CesiumMath.toRadians(0));
        const buninyongCartesianPosition = Ellipsoid.WGS84.cartographicToCartesian(buninyongPosition);

        pointEntities.entities.add(new Entity({
                            name: "Flinder's Peak",
                            position: new ConstantPositionProperty(flindersPeakCartesianPosition)
                        }));

        pointEntities.entities.add(new Entity({
                            name: "Buninyong",
                            position: new ConstantPositionProperty(buninyongCartesianPosition)
                        }));

        instance.updateDistance(pointEntities);
        expect(instance.onMakeDialogMessage()).toEqual("54.97 km");
    });

    it('measures distance accurately with more points', function() {
        const measureTool = <MeasureTool terria={terria}/>;
        const instance = getMountedInstance(measureTool);

        // And by accurately, I mean similar to google maps. Points are visually distinguishable points on parliament
        // house. This is roughly the same distance as 'measures distance accurately' but has more points.
        const pointEntities = new CustomDataSource();
        pointEntities.entities.add(new Entity({
            position: new ConstantPositionProperty(new Cartesian3(-4472821.5616301615, 2674248.078411612, -3666094.813749141))
                        }));
        pointEntities.entities.add(new Entity({
            position: new ConstantPositionProperty(new Cartesian3(-4472782.699102473, 2674262.986482508, -3666130.2532728123))
                        }));
        pointEntities.entities.add(new Entity({
            position: new ConstantPositionProperty(new Cartesian3(-4472753.492698317, 2674274.3463433487, -3666156.7158062747))
                        }));
        pointEntities.entities.add(new Entity({
            position: new ConstantPositionProperty(new Cartesian3(-4472723.915450494, 2674288.96271715, -3666190.6009734552))
                        }));
        pointEntities.entities.add(new Entity({
            position: new ConstantPositionProperty(new Cartesian3(-4472684.617701235, 2674304.5195146934, -3666229.3233881197))
                        }));
        pointEntities.entities.add(new Entity({
            position: new ConstantPositionProperty(new Cartesian3(-4472628.62862585, 2674320.1352525284, -3666273.2152227913))
                        }));

        instance.updateDistance(pointEntities);
        expect(instance.onMakeDialogMessage()).toEqual("272.46 m");
    });

    it('updates distance when a point is removed', function() {
        const measureTool = <MeasureTool terria={terria}/>;
        const instance = getMountedInstance(measureTool);

        const pointEntities = new CustomDataSource();
        pointEntities.entities.add(new Entity({
            position: new ConstantPositionProperty(new Cartesian3(-4472821.5616301615, 2674248.078411612, -3666094.813749141))
                        }));
        pointEntities.entities.add(new Entity({
            position: new ConstantPositionProperty(new Cartesian3(-4472782.699102473, 2674262.986482508, -3666130.2532728123))
                        }));
        pointEntities.entities.add(new Entity({
            position: new ConstantPositionProperty(new Cartesian3(-4472628.62862585, 2674320.1352525284, -3666273.2152227913))
                        }));

        instance.updateDistance(pointEntities);
        expect(instance.onMakeDialogMessage()).toEqual("272.45 m");

        const newPointEntities = new CustomDataSource();
        newPointEntities.entities.add(new Entity({
            position: new ConstantPositionProperty(new Cartesian3(-4472821.5616301615, 2674248.078411612, -3666094.813749141))
                        }));
        newPointEntities.entities.add(new Entity({
            position: new ConstantPositionProperty(new Cartesian3(-4472782.699102473, 2674262.986482508, -3666130.2532728123))
                        }));

        instance.updateDistance(newPointEntities);
        expect(instance.onMakeDialogMessage()).toEqual("54.66 m");
    });

    it('measures area correctly compared to hand-calculated area', function() {
        const measureTool = <MeasureTool terria={terria}/>;
        const instance = getMountedInstance(measureTool);

        const pointEntities = new CustomDataSource();
        const pt1Position = new Cartographic(CesiumMath.toRadians(149.121), CesiumMath.toRadians(-35.309), CesiumMath.toRadians(0));
        const pt1CartesianPosition = Ellipsoid.WGS84.cartographicToCartesian(pt1Position);
        const pt2Position = new Cartographic(CesiumMath.toRadians(149.124), CesiumMath.toRadians(-35.311), CesiumMath.toRadians(0));
        const pt2CartesianPosition = Ellipsoid.WGS84.cartographicToCartesian(pt2Position);
        const pt3Position = new Cartographic(CesiumMath.toRadians(149.127), CesiumMath.toRadians(-35.308), CesiumMath.toRadians(0));
        const pt3CartesianPosition = Ellipsoid.WGS84.cartographicToCartesian(pt3Position);
        const pt4Position = new Cartographic(CesiumMath.toRadians(149.124), CesiumMath.toRadians(-35.306), CesiumMath.toRadians(0));
        const pt4CartesianPosition = Ellipsoid.WGS84.cartographicToCartesian(pt4Position);

        pointEntities.entities.add(new Entity({
                            name: "Parliament house Pt 1",
                            position: new ConstantPositionProperty(pt1CartesianPosition)
                        }));
        instance.updateDistance(pointEntities);

        pointEntities.entities.add(new Entity({
                            name: "Parliament house Pt 2",
                            position: new ConstantPositionProperty(pt2CartesianPosition)
                        }));
        instance.updateDistance(pointEntities);
        pointEntities.entities.add(new Entity({
                            name: "Parliament house Pt 3",
                            position: new ConstantPositionProperty(pt3CartesianPosition)
                        }));
        instance.updateDistance(pointEntities);
        pointEntities.entities.add(new Entity({
                            name: "Parliament house Pt 4",
                            position: new ConstantPositionProperty(pt4CartesianPosition)
                        }));
        instance.updateDistance(pointEntities);
        pointEntities.entities.add(new Entity({
                            name: "Parliament house Pt 5",
                            position: new ConstantPositionProperty(pt1CartesianPosition)
                        }));
        instance.updateDistance(pointEntities);

        instance.state.userDrawing.closeLoop = true;
        instance.updateDistance(pointEntities);
        instance.updateArea(pointEntities);
        // Distance between each point:
        // a = 351.66917614964854
        // b = 430.3689959315394
        // c = 351.6769210634701
        // d = 430.3731676536625:
        // So expect roughly 151349 square m, based on a*b area of rectangle.
        // But more exactly:
        // Distance along diagonal is diag 554.7311731248245 (not quite exactly rectangle so not hypotenuse)
        // Using Heron's formula, area:
        //     first triangle (a, b, diag) = 75673.1975
        //     second triangle (c, d, diag) = 75675.5889
        // So area is 151348.79, which matches rough calculation.
        // Google maps area is roughly (for slightly different points): 157,408.91 square m
        expect(instance.onMakeDialogMessage()).toEqual("1.56 km<br>151,348.79 m\u00B2");
    });

});