import { Cesium3DTileset } from "../../../Source/Cesium.js";
|
import { Cesium3DTileStyle } from "../../../Source/Cesium.js";
|
import { Globe } from "../../../Source/Cesium.js";
|
import createScene from "../../createScene.js";
|
import { when } from "../../../Source/Cesium.js";
|
import { Cesium3DTilesInspectorViewModel } from "../../../Source/Cesium.js";
|
|
describe(
|
"Widgets/Cesium3DTilesInspector/Cesium3DTilesInspectorViewModel",
|
function () {
|
// Parent tile with content and four child tiles with content
|
var tilesetUrl = "./Data/Cesium3DTiles/Tilesets/Tileset/tileset.json";
|
|
var scene;
|
var viewModel;
|
var performanceContainer = document.createElement("div");
|
|
beforeAll(function () {
|
scene = createScene();
|
});
|
|
afterAll(function () {
|
scene.destroyForSpecs();
|
});
|
|
beforeEach(function () {
|
scene.globe = new Globe();
|
scene.initializeFrame();
|
});
|
|
afterEach(function () {
|
scene.primitives.removeAll();
|
});
|
|
it("can create and destroy", function () {
|
var viewModel = new Cesium3DTilesInspectorViewModel(
|
scene,
|
performanceContainer
|
);
|
expect(viewModel._scene).toBe(scene);
|
expect(viewModel.isDestroyed()).toEqual(false);
|
viewModel.destroy();
|
expect(viewModel.isDestroyed()).toEqual(true);
|
});
|
|
it("throws if scene is undefined", function () {
|
expect(function () {
|
return new Cesium3DTilesInspectorViewModel();
|
}).toThrowDeveloperError();
|
});
|
|
it("throws if performanceContainer is undefined", function () {
|
expect(function () {
|
return new Cesium3DTilesInspectorViewModel(scene);
|
}).toThrowDeveloperError();
|
});
|
|
describe("tileset options", function () {
|
it("show properties", function () {
|
viewModel = new Cesium3DTilesInspectorViewModel(
|
scene,
|
performanceContainer
|
);
|
var tileset = new Cesium3DTileset({
|
url: tilesetUrl,
|
});
|
viewModel.tileset = tileset;
|
var done = when.defer();
|
tileset.readyPromise.then(function () {
|
expect(viewModel.properties.indexOf("id") !== -1).toBe(true);
|
expect(viewModel.properties.indexOf("Longitude") !== -1).toBe(true);
|
expect(viewModel.properties.indexOf("Latitude") !== -1).toBe(true);
|
expect(viewModel.properties.indexOf("Height") !== -1).toBe(true);
|
viewModel.destroy();
|
done.resolve();
|
});
|
return done;
|
});
|
});
|
|
describe("display options", function () {
|
beforeAll(function () {
|
viewModel = new Cesium3DTilesInspectorViewModel(
|
scene,
|
performanceContainer
|
);
|
var tileset = new Cesium3DTileset({
|
url: tilesetUrl,
|
});
|
viewModel.tileset = tileset;
|
return tileset.readyPromise;
|
});
|
|
afterAll(function () {
|
viewModel.destroy();
|
});
|
|
it("colorize", function () {
|
viewModel.colorize = true;
|
expect(viewModel.tileset.debugColorizeTiles).toBe(true);
|
viewModel.colorize = false;
|
expect(viewModel.tileset.debugColorizeTiles).toBe(false);
|
});
|
|
it("wireframe", function () {
|
viewModel.wireframe = true;
|
expect(viewModel.tileset.debugWireframe).toBe(true);
|
viewModel.wireframe = false;
|
expect(viewModel.tileset.debugWireframe).toBe(false);
|
});
|
|
it("showBoundingVolumes", function () {
|
viewModel.showBoundingVolumes = true;
|
expect(viewModel.tileset.debugShowBoundingVolume).toBe(true);
|
viewModel.showBoundingVolumes = false;
|
expect(viewModel.tileset.debugShowBoundingVolume).toBe(false);
|
});
|
|
it("showContentVolumes", function () {
|
viewModel.showContentBoundingVolumes = true;
|
expect(viewModel.tileset.debugShowContentBoundingVolume).toBe(true);
|
viewModel.showContentBoundingVolumes = false;
|
expect(viewModel.tileset.debugShowContentBoundingVolume).toBe(false);
|
});
|
|
it("showRequestVolumes", function () {
|
viewModel.showRequestVolumes = true;
|
expect(viewModel.tileset.debugShowViewerRequestVolume).toBe(true);
|
viewModel.showRequestVolumes = false;
|
expect(viewModel.tileset.debugShowViewerRequestVolume).toBe(false);
|
});
|
|
it("showOnlyPickedTileDebugLabel", function () {
|
viewModel.showOnlyPickedTileDebugLabel = true;
|
expect(viewModel.tileset.debugPickedTileLabelOnly).toBe(true);
|
viewModel.showOnlyPickedTileDebugLabel = false;
|
expect(viewModel.tileset.debugPickedTileLabelOnly).toBe(false);
|
});
|
|
it("showGeometricError", function () {
|
viewModel.showGeometricError = true;
|
expect(viewModel.tileset.debugShowGeometricError).toBe(true);
|
viewModel.showGeometricError = false;
|
expect(viewModel.tileset.debugShowGeometricError).toBe(false);
|
});
|
|
it("showRenderingStatistics", function () {
|
viewModel.showRenderingStatistics = true;
|
expect(viewModel.tileset.debugShowRenderingStatistics).toBe(true);
|
viewModel.showRenderingStatistics = false;
|
expect(viewModel.tileset.debugShowRenderingStatistics).toBe(false);
|
});
|
|
it("showMemoryUsage", function () {
|
viewModel.showMemoryUsage = true;
|
expect(viewModel.tileset.debugShowMemoryUsage).toBe(true);
|
viewModel.showMemoryUsage = false;
|
expect(viewModel.tileset.debugShowMemoryUsage).toBe(false);
|
});
|
|
it("showUrl", function () {
|
viewModel.showUrl = true;
|
expect(viewModel.tileset.debugShowUrl).toBe(true);
|
viewModel.showUrl = false;
|
expect(viewModel.tileset.debugShowUrl).toBe(false);
|
});
|
|
it("pointCloudShading", function () {
|
viewModel.pointCloudShading = true;
|
expect(viewModel.tileset.pointCloudShading.attenuation).toBe(true);
|
viewModel.pointCloudShading = false;
|
expect(viewModel.tileset.pointCloudShading.attenuation).toBe(false);
|
});
|
|
it("geometricErrorScale", function () {
|
viewModel.geometricErrorScale = 1.0;
|
expect(viewModel.tileset.pointCloudShading.geometricErrorScale).toBe(
|
1.0
|
);
|
viewModel.geometricErrorScale = 0.0;
|
expect(viewModel.tileset.pointCloudShading.geometricErrorScale).toBe(
|
0.0
|
);
|
});
|
|
it("maximumAttenuation", function () {
|
viewModel.maximumAttenuation = 1.0;
|
expect(viewModel.tileset.pointCloudShading.maximumAttenuation).toBe(
|
1.0
|
);
|
viewModel.maximumAttenuation = 0.0;
|
expect(
|
viewModel.tileset.pointCloudShading.maximumAttenuation
|
).not.toBeDefined();
|
});
|
|
it("baseResolution", function () {
|
viewModel.baseResolution = 1.0;
|
expect(viewModel.tileset.pointCloudShading.baseResolution).toBe(1.0);
|
viewModel.baseResolution = 0.0;
|
expect(
|
viewModel.tileset.pointCloudShading.baseResolution
|
).not.toBeDefined();
|
});
|
|
it("eyeDomeLighting", function () {
|
viewModel.eyeDomeLighting = true;
|
expect(viewModel.tileset.pointCloudShading.eyeDomeLighting).toBe(true);
|
viewModel.eyeDomeLighting = false;
|
expect(viewModel.tileset.pointCloudShading.eyeDomeLighting).toBe(false);
|
});
|
|
it("eyeDomeLightingStrength", function () {
|
viewModel.eyeDomeLightingStrength = 1.0;
|
expect(
|
viewModel.tileset.pointCloudShading.eyeDomeLightingStrength
|
).toBe(1.0);
|
viewModel.eyeDomeLightingStrength = 0.0;
|
expect(
|
viewModel.tileset.pointCloudShading.eyeDomeLightingStrength
|
).toBe(0.0);
|
});
|
|
it("eyeDomeLightingRadius", function () {
|
viewModel.eyeDomeLightingRadius = 1.0;
|
expect(viewModel.tileset.pointCloudShading.eyeDomeLightingRadius).toBe(
|
1.0
|
);
|
viewModel.eyeDomeLightingRadius = 0.0;
|
expect(viewModel.tileset.pointCloudShading.eyeDomeLightingRadius).toBe(
|
0.0
|
);
|
});
|
});
|
|
describe("update options", function () {
|
beforeAll(function () {
|
viewModel = new Cesium3DTilesInspectorViewModel(
|
scene,
|
performanceContainer
|
);
|
viewModel.tileset = new Cesium3DTileset({
|
url: tilesetUrl,
|
});
|
return viewModel.tileset.readyPromise;
|
});
|
|
afterAll(function () {
|
viewModel.destroy();
|
});
|
|
it("freeze frame", function () {
|
viewModel.freezeFrame = false;
|
expect(viewModel.tileset.debugFreezeFrame).toBe(false);
|
viewModel.freezeFrame = true;
|
expect(viewModel.tileset.debugFreezeFrame).toBe(true);
|
});
|
|
it("maximum screen space error", function () {
|
viewModel.dynamicScreenSpaceError = false;
|
viewModel.maximumScreenSpaceError = 10;
|
expect(viewModel.tileset.dynamicScreenSpaceError).toBe(false);
|
expect(viewModel.tileset.maximumScreenSpaceError).toBe(10);
|
});
|
|
it("dynamic screen space error", function () {
|
viewModel.dynamicScreenSpaceError = true;
|
viewModel.dynamicScreenSpaceErrorFactor = 2;
|
viewModel.dynamicScreenSpaceErrorDensity = 0.1;
|
expect(viewModel.tileset.dynamicScreenSpaceError).toBe(true);
|
expect(viewModel.tileset.dynamicScreenSpaceErrorFactor).toBe(2);
|
expect(viewModel.tileset.dynamicScreenSpaceErrorDensity).toBe(0.1);
|
});
|
});
|
|
describe("style options", function () {
|
var style;
|
|
beforeAll(function () {
|
style = new Cesium3DTileStyle({
|
color: {
|
conditions: [
|
["${Height} >= 83", "color('purple', 0.5)"],
|
["${Height} >= 80", "color('red')"],
|
["${Height} >= 70", "color('orange')"],
|
["${Height} >= 12", "color('yellow')"],
|
["${Height} >= 7", "color('lime')"],
|
["${Height} >= 1", "color('cyan')"],
|
["true", "color('blue')"],
|
],
|
},
|
meta: {
|
description: "'Building id ${id} has height ${Height}.'",
|
},
|
});
|
|
viewModel = new Cesium3DTilesInspectorViewModel(
|
scene,
|
performanceContainer
|
);
|
viewModel.tileset = new Cesium3DTileset({
|
url: tilesetUrl,
|
});
|
|
return viewModel.tileset.readyPromise;
|
});
|
|
afterAll(function () {
|
viewModel.destroy();
|
});
|
|
it("loads tileset style", function () {
|
viewModel.tileset.style = style;
|
viewModel._update();
|
expect(JSON.stringify(style.style)).toBe(
|
JSON.stringify(JSON.parse(viewModel.styleString))
|
);
|
});
|
|
it("does not throw on invalid syntax", function () {
|
expect(function () {
|
viewModel.styleString = "invalid";
|
}).not.toThrowError();
|
});
|
|
it("recompiles style", function () {
|
viewModel._style = undefined;
|
viewModel.tileset.style = style;
|
viewModel._update();
|
var s = JSON.parse(viewModel.styleString);
|
s.color = "color('red')";
|
viewModel.styleString = JSON.stringify(s);
|
viewModel.compileStyle();
|
viewModel._update();
|
expect(viewModel.tileset.style.style.color).toBe("color('red')");
|
expect(viewModel.tileset.style.style.meta.description).toBe(
|
"'Building id ${id} has height ${Height}.'"
|
);
|
});
|
|
it("does not throw on invalid value", function () {
|
expect(function () {
|
viewModel.styleString = '{ "color": "color(1)" }';
|
}).not.toThrowError();
|
});
|
});
|
},
|
"WebGL"
|
);
|
