cx 24.9.0 → 24.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/charts.js +25 -22
- package/dist/data.js +29 -26
- package/dist/manifest.js +528 -528
- package/dist/svg.js +56 -59
- package/dist/ui.js +52 -51
- package/dist/widgets.css +3 -6
- package/dist/widgets.js +44 -40
- package/package.json +32 -32
- package/src/charts/Legend.js +151 -151
- package/src/charts/PieLabel.js +71 -71
- package/src/charts/axis/NumericAxis.js +347 -347
- package/src/charts/axis/Stack.js +55 -55
- package/src/charts/helpers/PointReducer.js +43 -43
- package/src/charts/helpers/SnapPointFinder.js +69 -69
- package/src/data/Binding.spec.js +69 -69
- package/src/data/StringTemplate.spec.js +105 -105
- package/src/data/getAccessor.spec.js +11 -11
- package/src/index.scss +6 -6
- package/src/svg/Text.d.ts +40 -40
- package/src/ui/Culture.d.ts +55 -55
- package/src/ui/Culture.js +139 -139
- package/src/ui/FocusManager.js +171 -171
- package/src/ui/Instance.d.ts +72 -72
- package/src/ui/VDOM.d.ts +12 -12
- package/src/ui/app/startAppLoop.js +58 -58
- package/src/ui/index.d.ts +42 -42
- package/src/util/Console.d.ts +4 -4
- package/src/util/scss/add-rules.scss +38 -38
- package/src/widgets/CxCredit.scss +37 -37
- package/src/widgets/List.scss +91 -91
- package/src/widgets/drag-drop/DropZone.js +214 -214
- package/src/widgets/form/Calendar.scss +196 -196
- package/src/widgets/form/ColorField.scss +2 -1
- package/src/widgets/form/ColorPicker.scss +283 -283
- package/src/widgets/form/LookupField.scss +2 -2
- package/src/widgets/form/MonthPicker.scss +118 -118
- package/src/widgets/form/NumberField.scss +61 -61
- package/src/widgets/form/Radio.scss +1 -2
- package/src/widgets/form/Select.scss +99 -99
- package/src/widgets/form/Slider.scss +118 -118
- package/src/widgets/form/Switch.scss +140 -140
- package/src/widgets/form/TextArea.scss +43 -43
- package/src/widgets/form/TextField.js +289 -289
- package/src/widgets/form/TextField.scss +55 -55
- package/src/widgets/form/UploadButton.d.ts +34 -34
- package/src/widgets/grid/TreeNode.scss +88 -88
- package/src/widgets/grid/variables.scss +88 -88
- package/src/widgets/nav/Menu.scss +74 -74
- package/src/widgets/overlay/Dropdown.js +612 -612
- package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
- package/src/widgets/overlay/Tooltip.js +300 -300
- package/src/widgets/overlay/Window.js +196 -196
- package/src/widgets/overlay/captureMouse.js +124 -124
- package/src/widgets/overlay/variables.scss +83 -83
package/src/charts/axis/Stack.js
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
export class Stack {
|
|
2
|
-
constructor() {
|
|
3
|
-
this.reset();
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
reset() {
|
|
7
|
-
this.stacks = {};
|
|
8
|
-
this.values = {};
|
|
9
|
-
this.normalized = false;
|
|
10
|
-
this.invalid = {};
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
acknowledge(ordinal, value) {
|
|
14
|
-
if (value != null) {
|
|
15
|
-
let s = this.stacks[ordinal];
|
|
16
|
-
if (!s) this.stacks[ordinal] = s = { total: 0, min: 0, max: 0 };
|
|
17
|
-
s.total += value;
|
|
18
|
-
if (s.total < s.min) s.min = s.total;
|
|
19
|
-
if (s.total > s.max) s.max = s.total;
|
|
20
|
-
} else {
|
|
21
|
-
this.invalid[ordinal] = true;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
measure(normalized) {
|
|
26
|
-
if (normalized) {
|
|
27
|
-
this.normalized = true;
|
|
28
|
-
return [0, 1];
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
let max = 0,
|
|
32
|
-
min = 0;
|
|
33
|
-
for (let key in this.stacks) {
|
|
34
|
-
if (this.stacks[key].max > max) max = this.stacks[key].max;
|
|
35
|
-
if (this.stacks[key].min < min) min = this.stacks[key].min;
|
|
36
|
-
}
|
|
37
|
-
return [min, max];
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
stack(ordinal, value) {
|
|
41
|
-
if (value == null || this.invalid[ordinal]) return null;
|
|
42
|
-
|
|
43
|
-
let base = this.values[ordinal] || 0;
|
|
44
|
-
|
|
45
|
-
let result = (this.values[ordinal] = base + value);
|
|
46
|
-
|
|
47
|
-
if (!this.normalized) return result;
|
|
48
|
-
|
|
49
|
-
let total = this.stacks[ordinal].total;
|
|
50
|
-
|
|
51
|
-
if (total > 0) return result / total;
|
|
52
|
-
|
|
53
|
-
return null;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
1
|
+
export class Stack {
|
|
2
|
+
constructor() {
|
|
3
|
+
this.reset();
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
reset() {
|
|
7
|
+
this.stacks = {};
|
|
8
|
+
this.values = {};
|
|
9
|
+
this.normalized = false;
|
|
10
|
+
this.invalid = {};
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
acknowledge(ordinal, value) {
|
|
14
|
+
if (value != null) {
|
|
15
|
+
let s = this.stacks[ordinal];
|
|
16
|
+
if (!s) this.stacks[ordinal] = s = { total: 0, min: 0, max: 0 };
|
|
17
|
+
s.total += value;
|
|
18
|
+
if (s.total < s.min) s.min = s.total;
|
|
19
|
+
if (s.total > s.max) s.max = s.total;
|
|
20
|
+
} else {
|
|
21
|
+
this.invalid[ordinal] = true;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
measure(normalized) {
|
|
26
|
+
if (normalized) {
|
|
27
|
+
this.normalized = true;
|
|
28
|
+
return [0, 1];
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
let max = 0,
|
|
32
|
+
min = 0;
|
|
33
|
+
for (let key in this.stacks) {
|
|
34
|
+
if (this.stacks[key].max > max) max = this.stacks[key].max;
|
|
35
|
+
if (this.stacks[key].min < min) min = this.stacks[key].min;
|
|
36
|
+
}
|
|
37
|
+
return [min, max];
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
stack(ordinal, value) {
|
|
41
|
+
if (value == null || this.invalid[ordinal]) return null;
|
|
42
|
+
|
|
43
|
+
let base = this.values[ordinal] || 0;
|
|
44
|
+
|
|
45
|
+
let result = (this.values[ordinal] = base + value);
|
|
46
|
+
|
|
47
|
+
if (!this.normalized) return result;
|
|
48
|
+
|
|
49
|
+
let total = this.stacks[ordinal].total;
|
|
50
|
+
|
|
51
|
+
if (total > 0) return result / total;
|
|
52
|
+
|
|
53
|
+
return null;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import { PureContainer } from "../../ui/PureContainer";
|
|
2
|
-
|
|
3
|
-
export class PointReducer extends PureContainer {
|
|
4
|
-
explore(context, instance) {
|
|
5
|
-
let parentPointReducer = context.pointReducer;
|
|
6
|
-
instance.parentPointTracker = parentPointReducer;
|
|
7
|
-
|
|
8
|
-
if (!instance.pointReducer) {
|
|
9
|
-
let onMap = this.onMap && instance.getCallback("onMap");
|
|
10
|
-
let accumulator = {};
|
|
11
|
-
instance.resetAccumulator = () => {
|
|
12
|
-
accumulator = {};
|
|
13
|
-
if (this.onInitAccumulator) instance.invoke("onInitAccumulator", accumulator, instance);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
instance.pointReducer = (x, y, name, data, array, index) => {
|
|
17
|
-
onMap(accumulator, x, y, name, data, array, index);
|
|
18
|
-
if (parentPointReducer) parentPointReducer(x, y, name, data, array, index);
|
|
19
|
-
};
|
|
20
|
-
instance.write = () => {
|
|
21
|
-
if (this.onReduce) instance.invoke("onReduce", accumulator, instance);
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
instance.resetAccumulator();
|
|
26
|
-
context.push("pointReducer", instance.pointReducer);
|
|
27
|
-
|
|
28
|
-
super.explore(context, instance);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
exploreCleanup(context, instance) {
|
|
32
|
-
context.pop("pointReducer");
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
prepare(context, instance) {
|
|
36
|
-
context.push("pointReducer", instance.pointReducer);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
prepareCleanup(context, instance) {
|
|
40
|
-
context.pop("pointReducer");
|
|
41
|
-
instance.write();
|
|
42
|
-
}
|
|
43
|
-
}
|
|
1
|
+
import { PureContainer } from "../../ui/PureContainer";
|
|
2
|
+
|
|
3
|
+
export class PointReducer extends PureContainer {
|
|
4
|
+
explore(context, instance) {
|
|
5
|
+
let parentPointReducer = context.pointReducer;
|
|
6
|
+
instance.parentPointTracker = parentPointReducer;
|
|
7
|
+
|
|
8
|
+
if (!instance.pointReducer) {
|
|
9
|
+
let onMap = this.onMap && instance.getCallback("onMap");
|
|
10
|
+
let accumulator = {};
|
|
11
|
+
instance.resetAccumulator = () => {
|
|
12
|
+
accumulator = {};
|
|
13
|
+
if (this.onInitAccumulator) instance.invoke("onInitAccumulator", accumulator, instance);
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
instance.pointReducer = (x, y, name, data, array, index) => {
|
|
17
|
+
onMap(accumulator, x, y, name, data, array, index);
|
|
18
|
+
if (parentPointReducer) parentPointReducer(x, y, name, data, array, index);
|
|
19
|
+
};
|
|
20
|
+
instance.write = () => {
|
|
21
|
+
if (this.onReduce) instance.invoke("onReduce", accumulator, instance);
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
instance.resetAccumulator();
|
|
26
|
+
context.push("pointReducer", instance.pointReducer);
|
|
27
|
+
|
|
28
|
+
super.explore(context, instance);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
exploreCleanup(context, instance) {
|
|
32
|
+
context.pop("pointReducer");
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
prepare(context, instance) {
|
|
36
|
+
context.push("pointReducer", instance.pointReducer);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
prepareCleanup(context, instance) {
|
|
40
|
+
context.pop("pointReducer");
|
|
41
|
+
instance.write();
|
|
42
|
+
}
|
|
43
|
+
}
|
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import { PointReducer } from "./PointReducer";
|
|
2
|
-
|
|
3
|
-
export class SnapPointFinder extends PointReducer {
|
|
4
|
-
declareData() {
|
|
5
|
-
return super.declareData(...arguments, {
|
|
6
|
-
cursorX: undefined,
|
|
7
|
-
cursorY: undefined,
|
|
8
|
-
snapX: undefined,
|
|
9
|
-
snapY: undefined,
|
|
10
|
-
snapRecord: undefined,
|
|
11
|
-
maxDistance: undefined,
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
explore(context, instance) {
|
|
16
|
-
instance.xAxis = context.axes[this.xAxis];
|
|
17
|
-
instance.yAxis = context.axes[this.yAxis];
|
|
18
|
-
super.explore(context, instance);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
onInitAccumulator(acc, { data, xAxis, yAxis }) {
|
|
22
|
-
acc.cursor = {
|
|
23
|
-
x: data.cursorX,
|
|
24
|
-
y: data.cursorY,
|
|
25
|
-
mapped: false,
|
|
26
|
-
};
|
|
27
|
-
acc.dist = data.maxDistance > 0 ? Math.pow(data.maxDistance, 2) : Number.POSITIVE_INFINITY;
|
|
28
|
-
acc.snapX = null;
|
|
29
|
-
acc.snapY = null;
|
|
30
|
-
acc.xAxis = xAxis;
|
|
31
|
-
acc.yAxis = yAxis;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
onMap(acc, x, y, name, p) {
|
|
35
|
-
let { xAxis, yAxis, cursor } = acc;
|
|
36
|
-
|
|
37
|
-
if (!cursor.mapped) {
|
|
38
|
-
cursor.mappedX = cursor.x != null ? xAxis?.map(this.convertX(cursor.x)) : null;
|
|
39
|
-
cursor.mappedY = cursor.y != null ? yAxis?.map(this.convertY(cursor.y)) : null;
|
|
40
|
-
cursor.mapped = true;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
let d = null;
|
|
44
|
-
let cx = x != null ? xAxis?.map(this.convertX(x)) : null;
|
|
45
|
-
let cy = y != null ? yAxis?.map(this.convertY(y)) : null;
|
|
46
|
-
|
|
47
|
-
if (cursor.mappedX != null && cx != null) d = (d || 0) + Math.pow(Math.abs(cx - cursor.mappedX), 2);
|
|
48
|
-
if (cursor.mappedY != null && cy != null) d = (d || 0) + Math.pow(Math.abs(cy - cursor.mappedY), 2);
|
|
49
|
-
|
|
50
|
-
if (d != null && d < acc.dist) {
|
|
51
|
-
acc.dist = d;
|
|
52
|
-
acc.snapX = x;
|
|
53
|
-
acc.snapY = y;
|
|
54
|
-
acc.snapRecord = p;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
onReduce(acc, instance) {
|
|
59
|
-
instance.set("snapX", acc.snapX);
|
|
60
|
-
instance.set("snapY", acc.snapY);
|
|
61
|
-
instance.set("snapRecord", acc.snapRecord);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
SnapPointFinder.prototype.maxDistance = 50;
|
|
66
|
-
SnapPointFinder.prototype.convertX = (x) => x;
|
|
67
|
-
SnapPointFinder.prototype.convertY = (y) => y;
|
|
68
|
-
SnapPointFinder.prototype.xAxis = "x";
|
|
69
|
-
SnapPointFinder.prototype.yAxis = "y";
|
|
1
|
+
import { PointReducer } from "./PointReducer";
|
|
2
|
+
|
|
3
|
+
export class SnapPointFinder extends PointReducer {
|
|
4
|
+
declareData() {
|
|
5
|
+
return super.declareData(...arguments, {
|
|
6
|
+
cursorX: undefined,
|
|
7
|
+
cursorY: undefined,
|
|
8
|
+
snapX: undefined,
|
|
9
|
+
snapY: undefined,
|
|
10
|
+
snapRecord: undefined,
|
|
11
|
+
maxDistance: undefined,
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
explore(context, instance) {
|
|
16
|
+
instance.xAxis = context.axes[this.xAxis];
|
|
17
|
+
instance.yAxis = context.axes[this.yAxis];
|
|
18
|
+
super.explore(context, instance);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
onInitAccumulator(acc, { data, xAxis, yAxis }) {
|
|
22
|
+
acc.cursor = {
|
|
23
|
+
x: data.cursorX,
|
|
24
|
+
y: data.cursorY,
|
|
25
|
+
mapped: false,
|
|
26
|
+
};
|
|
27
|
+
acc.dist = data.maxDistance > 0 ? Math.pow(data.maxDistance, 2) : Number.POSITIVE_INFINITY;
|
|
28
|
+
acc.snapX = null;
|
|
29
|
+
acc.snapY = null;
|
|
30
|
+
acc.xAxis = xAxis;
|
|
31
|
+
acc.yAxis = yAxis;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
onMap(acc, x, y, name, p) {
|
|
35
|
+
let { xAxis, yAxis, cursor } = acc;
|
|
36
|
+
|
|
37
|
+
if (!cursor.mapped) {
|
|
38
|
+
cursor.mappedX = cursor.x != null ? xAxis?.map(this.convertX(cursor.x)) : null;
|
|
39
|
+
cursor.mappedY = cursor.y != null ? yAxis?.map(this.convertY(cursor.y)) : null;
|
|
40
|
+
cursor.mapped = true;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
let d = null;
|
|
44
|
+
let cx = x != null ? xAxis?.map(this.convertX(x)) : null;
|
|
45
|
+
let cy = y != null ? yAxis?.map(this.convertY(y)) : null;
|
|
46
|
+
|
|
47
|
+
if (cursor.mappedX != null && cx != null) d = (d || 0) + Math.pow(Math.abs(cx - cursor.mappedX), 2);
|
|
48
|
+
if (cursor.mappedY != null && cy != null) d = (d || 0) + Math.pow(Math.abs(cy - cursor.mappedY), 2);
|
|
49
|
+
|
|
50
|
+
if (d != null && d < acc.dist) {
|
|
51
|
+
acc.dist = d;
|
|
52
|
+
acc.snapX = x;
|
|
53
|
+
acc.snapY = y;
|
|
54
|
+
acc.snapRecord = p;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
onReduce(acc, instance) {
|
|
59
|
+
instance.set("snapX", acc.snapX);
|
|
60
|
+
instance.set("snapY", acc.snapY);
|
|
61
|
+
instance.set("snapRecord", acc.snapRecord);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
SnapPointFinder.prototype.maxDistance = 50;
|
|
66
|
+
SnapPointFinder.prototype.convertX = (x) => x;
|
|
67
|
+
SnapPointFinder.prototype.convertY = (y) => y;
|
|
68
|
+
SnapPointFinder.prototype.xAxis = "x";
|
|
69
|
+
SnapPointFinder.prototype.yAxis = "y";
|
package/src/data/Binding.spec.js
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import { Binding } from "./Binding";
|
|
2
|
-
import assert from "assert";
|
|
3
|
-
import { createAccessorModelProxy } from "./createAccessorModelProxy";
|
|
4
|
-
|
|
5
|
-
describe("Binding", function () {
|
|
6
|
-
describe("#get()", function () {
|
|
7
|
-
it("should get value if value is defined", function () {
|
|
8
|
-
var state = { person: { name: "Joe" } };
|
|
9
|
-
var b = Binding.get("person.name");
|
|
10
|
-
assert.equal(b.value(state), "Joe");
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
it("allows non-standard property identifiers", function () {
|
|
14
|
-
var state = { person: { "@schema": "Person" } };
|
|
15
|
-
var b = Binding.get("person.@schema");
|
|
16
|
-
assert.equal(b.path, "person.@schema");
|
|
17
|
-
assert.equal(b.value(state), "Person");
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
it("properly resolves accessor models", function () {
|
|
21
|
-
var state = { person: { schema: "Person" } };
|
|
22
|
-
var b = Binding.get(createAccessorModelProxy("person.schema"));
|
|
23
|
-
assert.equal(b.value(state), "Person");
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
describe("#set()", function () {
|
|
28
|
-
it("produces new objects along the binding path", function () {
|
|
29
|
-
var state = { person: { name: "Joe" } };
|
|
30
|
-
var b = Binding.get("person.name");
|
|
31
|
-
var ns = b.set(state, "Jack");
|
|
32
|
-
assert.equal(ns.person.name, "Jack");
|
|
33
|
-
assert.notEqual(state, ns);
|
|
34
|
-
assert.notEqual(state.person, ns.person);
|
|
35
|
-
assert.notEqual(state.person.name, ns.person.name);
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
it("returns same state object if value does not change", function () {
|
|
39
|
-
var state = { person: { name: "Joe" } };
|
|
40
|
-
var b = Binding.get("person.name");
|
|
41
|
-
var ns = b.set(state, "Joe");
|
|
42
|
-
assert.equal(state, ns);
|
|
43
|
-
});
|
|
44
|
-
|
|
45
|
-
it("allows non-standard property identifiers", function () {
|
|
46
|
-
var state = { person: { "@schema": "Person" } };
|
|
47
|
-
var b = Binding.get("person.@schema");
|
|
48
|
-
var ns = b.set(state, "Test");
|
|
49
|
-
assert.equal(ns.person["@schema"], "Test");
|
|
50
|
-
});
|
|
51
|
-
});
|
|
52
|
-
|
|
53
|
-
describe(".delete()", function () {
|
|
54
|
-
it("correctly removes pointed properties", function () {
|
|
55
|
-
var state = { person: { name: "Joe" } };
|
|
56
|
-
var b = Binding.get("person.name");
|
|
57
|
-
var ns = b.delete(state);
|
|
58
|
-
assert("person" in ns);
|
|
59
|
-
assert(!("name" in ns.person));
|
|
60
|
-
});
|
|
61
|
-
|
|
62
|
-
it("does not change state if property is non-existent", function () {
|
|
63
|
-
var state = { person: { name: "Joe" } };
|
|
64
|
-
var b = Binding.get("person.name2");
|
|
65
|
-
var ns = b.delete(state);
|
|
66
|
-
assert(ns == state);
|
|
67
|
-
});
|
|
68
|
-
});
|
|
69
|
-
});
|
|
1
|
+
import { Binding } from "./Binding";
|
|
2
|
+
import assert from "assert";
|
|
3
|
+
import { createAccessorModelProxy } from "./createAccessorModelProxy";
|
|
4
|
+
|
|
5
|
+
describe("Binding", function () {
|
|
6
|
+
describe("#get()", function () {
|
|
7
|
+
it("should get value if value is defined", function () {
|
|
8
|
+
var state = { person: { name: "Joe" } };
|
|
9
|
+
var b = Binding.get("person.name");
|
|
10
|
+
assert.equal(b.value(state), "Joe");
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
it("allows non-standard property identifiers", function () {
|
|
14
|
+
var state = { person: { "@schema": "Person" } };
|
|
15
|
+
var b = Binding.get("person.@schema");
|
|
16
|
+
assert.equal(b.path, "person.@schema");
|
|
17
|
+
assert.equal(b.value(state), "Person");
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
it("properly resolves accessor models", function () {
|
|
21
|
+
var state = { person: { schema: "Person" } };
|
|
22
|
+
var b = Binding.get(createAccessorModelProxy("person.schema"));
|
|
23
|
+
assert.equal(b.value(state), "Person");
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
describe("#set()", function () {
|
|
28
|
+
it("produces new objects along the binding path", function () {
|
|
29
|
+
var state = { person: { name: "Joe" } };
|
|
30
|
+
var b = Binding.get("person.name");
|
|
31
|
+
var ns = b.set(state, "Jack");
|
|
32
|
+
assert.equal(ns.person.name, "Jack");
|
|
33
|
+
assert.notEqual(state, ns);
|
|
34
|
+
assert.notEqual(state.person, ns.person);
|
|
35
|
+
assert.notEqual(state.person.name, ns.person.name);
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
it("returns same state object if value does not change", function () {
|
|
39
|
+
var state = { person: { name: "Joe" } };
|
|
40
|
+
var b = Binding.get("person.name");
|
|
41
|
+
var ns = b.set(state, "Joe");
|
|
42
|
+
assert.equal(state, ns);
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
it("allows non-standard property identifiers", function () {
|
|
46
|
+
var state = { person: { "@schema": "Person" } };
|
|
47
|
+
var b = Binding.get("person.@schema");
|
|
48
|
+
var ns = b.set(state, "Test");
|
|
49
|
+
assert.equal(ns.person["@schema"], "Test");
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
describe(".delete()", function () {
|
|
54
|
+
it("correctly removes pointed properties", function () {
|
|
55
|
+
var state = { person: { name: "Joe" } };
|
|
56
|
+
var b = Binding.get("person.name");
|
|
57
|
+
var ns = b.delete(state);
|
|
58
|
+
assert("person" in ns);
|
|
59
|
+
assert(!("name" in ns.person));
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
it("does not change state if property is non-existent", function () {
|
|
63
|
+
var state = { person: { name: "Joe" } };
|
|
64
|
+
var b = Binding.get("person.name2");
|
|
65
|
+
var ns = b.delete(state);
|
|
66
|
+
assert(ns == state);
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
});
|