mirror of
https://github.com/Esri/offline-editor-js.git
synced 2025-12-15 15:20:05 +00:00
0bbf9ca83a
still has the problem with the Editor that removes the graphic from the layer after the update
595 lines
16 KiB
JavaScript
595 lines
16 KiB
JavaScript
"use strict";
|
|
|
|
var KEY_PREFIX = "__LOCAL_STORAGE_TEST__";
|
|
var EDITS_QUEUE_KEY = "esriEditsQueue";
|
|
var REDO_STACK_KEY = "esriRedoStack";
|
|
|
|
var EXECUTE_LONG_TESTS = false;
|
|
|
|
describe("Internal Methods", function()
|
|
{
|
|
describe("Serialize/Deserialize Graphics", function()
|
|
{
|
|
describe("Sanity Check", function()
|
|
{
|
|
it("validate geometry objects", function()
|
|
{
|
|
// sanity checks on test data
|
|
expect(typeof(g_test)).toBe("object");
|
|
|
|
// geometry
|
|
expect(typeof(g_test.point)).toBe("object");
|
|
expect(g_test.point.declaredClass).toBe("esri.geometry.Point");
|
|
expect(g_test.point.type).toBe("point");
|
|
expect(g_test.point.spatialReference.wkid).toEqual(4326);
|
|
|
|
expect(typeof(g_test.line)).toBe("object");
|
|
expect(g_test.line.declaredClass).toBe("esri.geometry.Polyline");
|
|
expect(g_test.line.type).toBe("polyline");
|
|
expect(g_test.line.spatialReference.wkid).toEqual(4326);
|
|
|
|
expect(typeof(g_test.polygon)).toBe("object");
|
|
expect(g_test.polygon.declaredClass).toBe("esri.geometry.Polygon");
|
|
expect(g_test.polygon.type).toBe("polygon");
|
|
expect(g_test.polygon.spatialReference.wkid).toEqual(4326);
|
|
});
|
|
|
|
it("validate symbols", function()
|
|
{
|
|
// symbols
|
|
expect(typeof(g_test.pointSymbol)).toBe("object");
|
|
expect(g_test.pointSymbol.declaredClass).toBe("esri.symbol.SimpleMarkerSymbol");
|
|
expect(g_test.pointSymbol.style).toBe("circle");
|
|
|
|
expect(typeof(g_test.lineSymbol)).toBe("object");
|
|
expect(g_test.lineSymbol.declaredClass).toBe("esri.symbol.SimpleLineSymbol");
|
|
expect(g_test.lineSymbol.style).toBe("dot");
|
|
|
|
expect(typeof(g_test.polygonSymbol)).toBe("object");
|
|
expect(g_test.polygonSymbol.declaredClass).toBe("esri.symbol.SimpleFillSymbol");
|
|
expect(g_test.polygonSymbol.style).toBe("solid");
|
|
});
|
|
|
|
it("validate features", function()
|
|
{
|
|
// features
|
|
expect(typeof(g_test.pointFeature)).toBe("object");
|
|
expect(g_test.pointFeature.declaredClass).toBe("esri.Graphic");
|
|
expect(g_test.pointFeature.geometry).toEqual(g_test.point);
|
|
expect(g_test.pointFeature.symbol).toEqual(g_test.pointSymbol);
|
|
expect(typeof(g_test.pointFeature.attributes)).toBe("object");
|
|
|
|
expect(typeof(g_test.lineFeature)).toBe("object");
|
|
expect(g_test.lineFeature.declaredClass).toBe("esri.Graphic");
|
|
expect(g_test.lineFeature.geometry).toEqual(g_test.line);
|
|
expect(g_test.lineFeature.symbol).toEqual(g_test.lineSymbol);
|
|
expect(typeof(g_test.lineFeature.attributes)).toBe("object");
|
|
|
|
expect(typeof(g_test.polygonFeature)).toBe("object");
|
|
expect(g_test.polygonFeature.declaredClass).toBe("esri.Graphic");
|
|
expect(g_test.polygonFeature.geometry).toEqual(g_test.polygon);
|
|
expect(g_test.polygonFeature.symbol).toEqual(g_test.polygonSymbol);
|
|
expect(typeof(g_test.polygonFeature.attributes)).toBe("object");
|
|
});
|
|
});
|
|
|
|
describe("Serialize/Deserialize Point", function()
|
|
{
|
|
var str, graphic;
|
|
|
|
it("serialize", function()
|
|
{
|
|
str = g_editsStore._serialize(g_test.pointFeature);
|
|
expect(typeof(str)).toBe("string");
|
|
});
|
|
|
|
it("deserialize", function()
|
|
{
|
|
graphic = g_editsStore._deserialize(str);
|
|
expect(typeof(graphic)).toBe("object");
|
|
expect(graphic.declaredClass).toEqual("esri.Graphic");
|
|
});
|
|
|
|
it("deserialize - attributes", function()
|
|
{
|
|
expect(graphic.attributes).toEqual(g_test.pointFeature.attributes);
|
|
});
|
|
|
|
it("deserialize - geometry", function()
|
|
{
|
|
expect(graphic.geometry).toEqual(g_test.pointFeature.geometry);
|
|
});
|
|
|
|
it("deserialize - symbol should be null", function()
|
|
{
|
|
expect(graphic.symbol).toBeNull();
|
|
});
|
|
|
|
it("deserialize - infoTemplate should be null", function()
|
|
{
|
|
expect(graphic.infoTemplate).toBeNull();
|
|
});
|
|
});
|
|
|
|
describe("Serialize/Deserialize Polyline", function()
|
|
{
|
|
var str, graphic;
|
|
|
|
it("serialize", function()
|
|
{
|
|
str = g_editsStore._serialize(g_test.lineFeature);
|
|
expect(typeof(str)).toBe("string");
|
|
});
|
|
|
|
it("deserialize", function()
|
|
{
|
|
graphic = g_editsStore._deserialize(str);
|
|
expect(typeof(graphic)).toBe("object");
|
|
expect(graphic.declaredClass).toEqual("esri.Graphic");
|
|
});
|
|
|
|
it("deserialize - attributes", function()
|
|
{
|
|
expect(graphic.attributes).toEqual(g_test.lineFeature.attributes);
|
|
});
|
|
|
|
it("deserialize - geometry", function()
|
|
{
|
|
expect(graphic.geometry).toEqual(g_test.lineFeature.geometry);
|
|
});
|
|
|
|
it("deserialize - symbol should be null", function()
|
|
{
|
|
expect(graphic.symbol).toBeNull();
|
|
});
|
|
|
|
it("deserialize - infoTemplate should be null", function()
|
|
{
|
|
expect(graphic.infoTemplate).toBeNull();
|
|
});
|
|
});
|
|
|
|
describe("Serialize/Deserialize Polygon", function()
|
|
{
|
|
var str, graphic;
|
|
|
|
it("serialize", function()
|
|
{
|
|
str = g_editsStore._serialize(g_test.polygonFeature);
|
|
expect(typeof(str)).toBe("string");
|
|
});
|
|
|
|
it("deserialize", function()
|
|
{
|
|
graphic = g_editsStore._deserialize(str);
|
|
expect(typeof(graphic)).toBe("object");
|
|
expect(graphic.declaredClass).toEqual("esri.Graphic");
|
|
});
|
|
|
|
it("deserialize - attributes", function()
|
|
{
|
|
expect(graphic.attributes).toEqual(g_test.polygonFeature.attributes);
|
|
});
|
|
|
|
it("deserialize - geometry", function()
|
|
{
|
|
expect(graphic.geometry).toEqual(g_test.polygonFeature.geometry);
|
|
});
|
|
|
|
it("deserialize - symbol should be null", function()
|
|
{
|
|
expect(graphic.symbol).toBeNull();
|
|
});
|
|
|
|
it("deserialize - infoTemplate should be null", function()
|
|
{
|
|
expect(graphic.infoTemplate).toBeNull();
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("Pack/Unpack array of edits",function()
|
|
{
|
|
// TODO
|
|
});
|
|
});
|
|
|
|
describe("Public Interface", function()
|
|
{
|
|
describe("Support detection", function()
|
|
{
|
|
it("detect local storage support", function()
|
|
{
|
|
expect(g_editsStore.isSupported()).toBeTruthy();
|
|
})
|
|
});
|
|
|
|
describe("Edit queue management", function()
|
|
{
|
|
describe("Normal edits", function()
|
|
{
|
|
it("reset edits queue", function()
|
|
{
|
|
for( var key in window.localStorage )
|
|
{
|
|
if( key.indexOf(KEY_PREFIX)==0 )
|
|
window.localStorage.removeItem(key);
|
|
}
|
|
|
|
g_editsStore.resetEditsQueue();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(0);
|
|
});
|
|
|
|
it("add edits to edits queue", function()
|
|
{
|
|
var success;
|
|
success = g_editsStore.pushEdit(g_editsStore.ADD, 6, g_test.pointFeature);
|
|
expect(success).toBeTruthy();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(1);
|
|
success = g_editsStore.pushEdit(g_editsStore.UPDATE, 3, g_test.polygonFeature);
|
|
expect(success).toBeTruthy();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(2);
|
|
success = g_editsStore.pushEdit(g_editsStore.DELETE, 2, g_test.lineFeature);
|
|
expect(success).toBeTruthy();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(3);
|
|
});
|
|
|
|
it("pending edits", function()
|
|
{
|
|
expect(g_editsStore.hasPendingEdits()).toBeTruthy();
|
|
});
|
|
|
|
it("pop edit from edits queue - 1", function()
|
|
{
|
|
var firstEdit = g_editsStore.popFirstEdit();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(2);
|
|
expect(typeof(firstEdit)).toBe("object");
|
|
expect(firstEdit.operation).toBe(g_editsStore.ADD);
|
|
expect(firstEdit.layer).toBe(6);
|
|
expect(firstEdit.graphic.attributes).toEqual(g_test.pointFeature.attributes);
|
|
expect(firstEdit.graphic.geometry).toEqual(g_test.pointFeature.geometry);
|
|
expect(firstEdit.graphic.symbol).toEqual(null);
|
|
});
|
|
|
|
it("pop edit from edits queue - 2", function()
|
|
{
|
|
var secondEdit = g_editsStore.popFirstEdit();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(1);
|
|
expect(typeof(secondEdit)).toBe("object");
|
|
expect(secondEdit.operation).toBe(g_editsStore.UPDATE);
|
|
expect(secondEdit.layer).toBe(3);
|
|
expect(secondEdit.graphic.attributes).toEqual(g_test.polygonFeature.attributes);
|
|
expect(secondEdit.graphic.geometry).toEqual(g_test.polygonFeature.geometry);
|
|
expect(secondEdit.graphic.symbol).toEqual(null);
|
|
});
|
|
|
|
it("pop edit from edits queue - 3", function()
|
|
{
|
|
var thirdEdit = g_editsStore.popFirstEdit();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(0);
|
|
expect(typeof(thirdEdit)).toBe("object");
|
|
expect(thirdEdit.operation).toBe(g_editsStore.DELETE);
|
|
expect(thirdEdit.layer).toBe(2);
|
|
expect(thirdEdit.graphic.attributes).toEqual(g_test.lineFeature.attributes);
|
|
expect(thirdEdit.graphic.geometry).toEqual(g_test.lineFeature.geometry);
|
|
expect(thirdEdit.graphic.symbol).toEqual(null);
|
|
});
|
|
|
|
it("pending edits", function()
|
|
{
|
|
expect(g_editsStore.hasPendingEdits()).toBeFalsy();
|
|
});
|
|
});
|
|
|
|
describe("Duplicate edit detection", function()
|
|
{
|
|
it("reset edits queue", function()
|
|
{
|
|
g_editsStore.resetEditsQueue();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(0);
|
|
});
|
|
|
|
it("try to add duplicate edits to edits queue", function()
|
|
{
|
|
var success;
|
|
success = g_editsStore.pushEdit(g_editsStore.ADD, 6, g_test.pointFeature);
|
|
expect(g_editsStore.pendingEditsCount()).toBe(1);
|
|
expect(success).toBeTruthy();
|
|
success = g_editsStore.pushEdit(g_editsStore.UPDATE, 3, g_test.polygonFeature);
|
|
expect(success).toBeTruthy();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(2);
|
|
|
|
success = g_editsStore.pushEdit(g_editsStore.ADD, 6, g_test.pointFeature);
|
|
expect(g_editsStore.pendingEditsCount()).toBe(2);
|
|
expect(success).toBeFalsy();
|
|
});
|
|
});
|
|
|
|
describe("Replacement of Temporary Ids", function()
|
|
{
|
|
function getObjectIds()
|
|
{
|
|
var edits = g_editsStore._retrieveEditsQueue();
|
|
var objectids = edits.map(function(edit)
|
|
{
|
|
return g_editsStore._deserialize(edit.graphic).attributes.objectid
|
|
});
|
|
return objectids;
|
|
}
|
|
|
|
it("reset edits queue", function()
|
|
{
|
|
g_editsStore.resetEditsQueue();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(0);
|
|
});
|
|
|
|
it("add edits to edits queue", function()
|
|
{
|
|
var success, objectids;
|
|
expect(g_test.newPointFeature.attributes.objectid).toBe(-1);
|
|
success = g_editsStore.pushEdit(g_editsStore.ADD, 6, g_test.newPointFeature);
|
|
expect(g_editsStore.pendingEditsCount()).toBe(1);
|
|
expect(success).toBeTruthy();
|
|
expect(g_editsStore.peekFirstEdit().graphic.attributes.objectid).toBe(-1);
|
|
|
|
expect(g_test.polygonFeature.attributes.objectid).toBe(8);
|
|
success = g_editsStore.pushEdit(g_editsStore.UPDATE, 3, g_test.polygonFeature);
|
|
expect(success).toBeTruthy();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(2);
|
|
objectids = getObjectIds();
|
|
expect(objectids).toEqual([-1,8]);
|
|
|
|
expect(g_test.lineFeature.attributes.objectid).toBe(5);
|
|
success = g_editsStore.pushEdit(g_editsStore.UPDATE, 3, g_test.lineFeature);
|
|
expect(success).toBeTruthy();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(3);
|
|
objectids = getObjectIds();
|
|
expect(objectids).toEqual([-1,8,5]);
|
|
});
|
|
|
|
it("replace ids", function()
|
|
{
|
|
var replaceCount, objectids;
|
|
|
|
objectids = getObjectIds();
|
|
expect(objectids).toEqual([-1,8,5]);
|
|
|
|
replaceCount = g_editsStore.replaceTempId(-1,10,"objectid");
|
|
|
|
expect(replaceCount).toBe(1);
|
|
objectids = getObjectIds();
|
|
expect(objectids).toEqual([10,8,5]);
|
|
|
|
replaceCount = g_editsStore.replaceTempId(-1,10,"objectid");
|
|
expect(replaceCount).toBe(0);
|
|
});
|
|
})
|
|
|
|
describe("Undo/Redo management", function()
|
|
{
|
|
it("reset edits queue", function()
|
|
{
|
|
g_editsStore.resetEditsQueue();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(0);
|
|
});
|
|
|
|
it("can undo? - no", function()
|
|
{
|
|
expect(g_editsStore.canUndoEdit()).toBeFalsy();
|
|
});
|
|
|
|
it("can redo? - no", function()
|
|
{
|
|
expect(g_editsStore.canRedoEdit()).toBeFalsy();
|
|
});
|
|
|
|
it("add edits to edits queue", function()
|
|
{
|
|
var success;
|
|
success = g_editsStore.pushEdit(g_editsStore.ADD, 6, g_test.pointFeature);
|
|
expect(success).toBeTruthy();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(1);
|
|
success = g_editsStore.pushEdit(g_editsStore.UPDATE, 3, g_test.polygonFeature);
|
|
expect(success).toBeTruthy();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(2);
|
|
success = g_editsStore.pushEdit(g_editsStore.DELETE, 2, g_test.lineFeature);
|
|
expect(success).toBeTruthy();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(3);
|
|
});
|
|
|
|
it("pending edits", function()
|
|
{
|
|
expect(g_editsStore.hasPendingEdits()).toBeTruthy();
|
|
});
|
|
|
|
it("can undo? - yes", function()
|
|
{
|
|
expect(g_editsStore.canUndoEdit()).toBeTruthy();
|
|
});
|
|
|
|
it("can redo? - no", function()
|
|
{
|
|
expect(g_editsStore.canRedoEdit()).toBeFalsy();
|
|
});
|
|
|
|
it("undo", function()
|
|
{
|
|
expect(g_editsStore.pendingEditsCount()).toBe(3);
|
|
g_editsStore.undoEdit();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(2);
|
|
});
|
|
|
|
it("can undo? - yes", function()
|
|
{
|
|
expect(g_editsStore.canUndoEdit()).toBeTruthy();
|
|
});
|
|
|
|
it("can redo? - yes", function()
|
|
{
|
|
expect(g_editsStore.canRedoEdit()).toBeTruthy();
|
|
});
|
|
|
|
it("redo", function()
|
|
{
|
|
expect(g_editsStore.pendingEditsCount()).toBe(2);
|
|
g_editsStore.redoEdit();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(3);
|
|
});
|
|
|
|
it("can undo? - yes", function()
|
|
{
|
|
expect(g_editsStore.canUndoEdit()).toBeTruthy();
|
|
});
|
|
|
|
it("can redo? - no", function()
|
|
{
|
|
expect(g_editsStore.canRedoEdit()).toBeFalsy();
|
|
});
|
|
|
|
it("undo x 3", function()
|
|
{
|
|
expect(g_editsStore.pendingEditsCount()).toBe(3);
|
|
g_editsStore.undoEdit();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(2);
|
|
g_editsStore.undoEdit();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(1);
|
|
g_editsStore.undoEdit();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(0);
|
|
});
|
|
|
|
it("can undo? - no", function()
|
|
{
|
|
expect(g_editsStore.canUndoEdit()).toBeFalsy();
|
|
});
|
|
|
|
it("can redo? - yes", function()
|
|
{
|
|
expect(g_editsStore.canRedoEdit()).toBeTruthy();
|
|
});
|
|
|
|
it("redo x 2", function()
|
|
{
|
|
expect(g_editsStore.pendingEditsCount()).toBe(0);
|
|
g_editsStore.redoEdit();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(1);
|
|
g_editsStore.redoEdit();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(2);
|
|
});
|
|
|
|
it("can undo? - yes", function()
|
|
{
|
|
expect(g_editsStore.canUndoEdit()).toBeTruthy();
|
|
});
|
|
|
|
it("can redo? - yes", function()
|
|
{
|
|
expect(g_editsStore.canRedoEdit()).toBeTruthy();
|
|
});
|
|
|
|
it("add new edit", function()
|
|
{
|
|
var success;
|
|
success = g_editsStore.pushEdit(g_editsStore.ADD, 10, g_test.pointFeature);
|
|
expect(success).toBeTruthy();
|
|
expect(g_editsStore.pendingEditsCount()).toBe(3);
|
|
});
|
|
|
|
it("can redo? - no", function()
|
|
{
|
|
expect(g_editsStore.canRedoEdit()).toBeFalsy();
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("Local Storage size", function()
|
|
{
|
|
var usedBytes, totalBytes;
|
|
|
|
it("report edit store size", function()
|
|
{
|
|
usedBytes = g_editsStore.getEditsStoreSizeBytes();
|
|
expect(usedBytes).toBe(692);
|
|
});
|
|
|
|
it("report total local storage size", function()
|
|
{
|
|
totalBytes = g_editsStore.getLocalStorageSizeBytes();
|
|
expect(usedBytes).not.toBeGreaterThan(totalBytes);
|
|
});
|
|
|
|
it("report edit store size when uninitalized", function()
|
|
{
|
|
window.localStorage.removeItem( EDITS_QUEUE_KEY );
|
|
window.localStorage.removeItem( REDO_STACK_KEY );
|
|
var usedBytes = g_editsStore.getEditsStoreSizeBytes();
|
|
expect(usedBytes).toBe(0);
|
|
});
|
|
|
|
if( EXECUTE_LONG_TESTS )
|
|
{
|
|
it("exhaust localStorage capacity", function()
|
|
{
|
|
console.log("this will take some time");
|
|
|
|
var sizeBefore = g_editsStore.getLocalStorageSizeBytes();
|
|
if( sizeBefore == 0)
|
|
{
|
|
// if not initialized, create the empty elements
|
|
window.localStorage.setItem( EDITS_QUEUE_KEY, "");
|
|
window.localStorage.setItem( REDO_STACK_KEY, "");
|
|
sizeBefore = g_editsStore.getLocalStorageSizeBytes();
|
|
}
|
|
|
|
// first, fill localStorage up to max capacity
|
|
try
|
|
{
|
|
var index = 0;
|
|
var value = "0123456789";
|
|
var value8 = value + value + value + value + value + value + value + value;
|
|
while(true)
|
|
{
|
|
var key = KEY_PREFIX + index;
|
|
window.localStorage.setItem(key, value8 + value8 + value8 + value8);
|
|
index += 1;
|
|
|
|
if( index % 1000 == 0)
|
|
console.log(index, g_editsStore.getLocalStorageSizeBytes());
|
|
}
|
|
}
|
|
catch(err)
|
|
{
|
|
console.log(err);
|
|
}
|
|
|
|
// now, try to push one edit
|
|
var success = g_editsStore.pushEdit(g_editsStore.ADD, 20, g_test.polygonFeature);
|
|
expect(success).toBeFalsy();
|
|
|
|
// clean everything
|
|
for( var key in window.localStorage )
|
|
{
|
|
if( key.indexOf(KEY_PREFIX)==0 )
|
|
window.localStorage.removeItem(key);
|
|
}
|
|
|
|
var sizeAfter = g_editsStore.getLocalStorageSizeBytes();
|
|
expect(sizeBefore).toEqual(sizeAfter);
|
|
});
|
|
}
|
|
else
|
|
{
|
|
it("exhaust localStorage capacity - LONG TEST NOT EXECUTED", function()
|
|
{
|
|
});
|
|
}
|
|
})
|
|
});
|
|
|
|
describe("Reset store", function()
|
|
{
|
|
it("reset the store", function()
|
|
{
|
|
g_editsStore.resetEditsQueue();
|
|
})
|
|
});
|