ares-ide/enyo/tools/test/core/tests/BindingTest.js

A browser-based code editor and UI designer for Enyo 2 projects

enyo.kind({
	name: "BindingTest",
	kind: enyo.TestSuite,
	noDefer: true,
	testCreate: function () {
		// create an empty binding, if this fails or throws errors then we
		// have a big problem
		new enyo.Binding();
		this.finish();
	},
	testDestroy: function () {
		var o = new enyo.Object(),
			s = new enyo.Object(),
			b = new enyo.Binding({source: o, owner: o, target: s, from: ".name", to: ".name", oneWay: false});
		b.destroy();
		this.finish(
			(!b.destroyed && "did not set the destroy flag") ||
			(b.source && "source wasn't removed") ||
			(b.target && "target wasn't removed") ||
			(b.sourceObserver && "source observer wasn't removed") ||
			(b.targetObserver && "target observer wasn't removed") ||
			(b.transform && "transform still existed") ||
			(b.owner && "owner still existed") ||
			(enyo.Binding.find(b.id) && "id was not removed from the store")
		);
	},
	testComponentBindingsDestroy: function () {
		var co = new enyo.Component({
			name: "MyComponent",

			prop1: "value of prop1",
			prop2: "value of prop2",
			prop3: "value of prop3",
			prop4: "value of prop4",

			components: [
				{tag: "div", name: "prop1"},
				{tag: "div", name: "prop2"},
				{tag: "div", name: "prop3"},
				{tag: "div", name: "prop4"}
			],

			bindings: [
				{from: ".prop1", to: ".$.prop1.content"},
				{from: ".prop2", to: ".$.prop2.content"},
				{from: ".prop3", to: ".$.prop3.content"},
				{from: ".prop4", to: ".$.prop4.content"}
			]
		});

		co.destroy();

		this.finish(
			(co.bindings.length !== 0) && "did not remove all bindings"
		);
	},
	testOneWaySynchronization: function () {
		var c = enyo.singleton({
			prop: "Shared",
			components: [
				{name: "child"}
			],
			bindings: [
				{from: ".prop", to: ".$.child.content"}
			]
		});
		this.finish(c.$.child.content != "Shared" && "did not set binding to property correctly");
	},
	testTwoWaySynchronization: function () {
		var c = enyo.singleton({
			prop: "Shared",
			components: [
				{name: "child"}
			],
			bindings: [
				{from: ".prop", to: ".$.child.content", oneWay: false}
			]
		});
		c.$.child.set("content", "Correctly");
		this.finish(c.prop != "Correctly" && "did not set two way content back");
	},
	testFindGlobal: function () {
		/* global binding:true */
		binding = {s: new enyo.Object({prop: "Shared"})};
		var c = enyo.singleton({
			components: [
				{name: "child"}
			],
			bindings: [
				{from: "^binding.s.prop", to: ".$.child.content"}
			]
		});
		this.finish(c.$.child.content != "Shared" && "did not find the global source");
	},
	testCleanupOnOwnerDestroy: function () {
		var c = enyo.singleton({
			prop: "Shared",
			components: [
				{name: "child"}
			],
			bindings: [
				{from: ".prop", to: ".$.child.content"}
			]
		}), b;
		b = c.bindings[0];
		c.destroy();
		this.finish(!b.destroyed && "binding was not destroyed when owner was destroyed");
	},
	testCleanupOnDiscoverTargetDestroyed: function () {
		var c = enyo.singleton({
			prop: "Shared",
			components: [
				{name: "child"}
			],
			bindings: [
				{from: ".prop", to: ".$.child.content"}
			]
		}), b;
		b = c.bindings[0];
		c.$.child.destroy();
		b.sync();
		this.finish(!b.destroyed && "binding was not destroyed when it discovered its target was destroyed");
	},
	testRegistration: function () {
		var b1 = new enyo.Binding(),
			b2 = new enyo.Binding(),
			i1 = b1.id,
			i2 = b2.id;
		b2.destroy();
		this.finish(
			(enyo.Binding.find(i1) !== b1 && "did not register the binding correctly") ||
			(enyo.Binding.find(i2) === b2 && "did not unregister the binding when it was destroyed")
		);
	},
	testFindTransformInGlobal: function () {
		var p = 1;
		/* global transform:true */
		transform = function () {
			++p;
		};
		enyo.singleton({
			prop: "Shared",
			components: [
				{name: "child"}
			],
			bindings: [
				{from: ".prop", to: ".$.child.content", transform: "transform"}
			]
		});
		this.finish(p != 2 && "did not find the global transform");
	},
	testFindTransformInline: function () {
		var p = 1;
		enyo.singleton({
			prop: "Shared",
			components: [
				{name: "child"}
			],
			bindings: [
				{from: ".prop", to: ".$.child.content", transform: function () { ++p; }}
			]
		});
		this.finish(p != 2 && "did not find the inline transform");
	},
	testFindTransformInInstanceOwner: function () {
		var p = 1;
		enyo.singleton({
			prop: "Shared",
			components: [
				{name: "child"}
			],
			bindings: [
				{from: ".prop", to: ".$.child.content", transform: "transform"}
			],
			transform: function () { ++p; }
		});
		this.finish(p != 2 && "did not find the transform on the instance owner");
	},
	testFindTransformInNestedKind: function () {
		var p = 1, Ctor = enyo.kind({
			prop: "Shared",
			components: [
				{name: "child"}
			],
			bindings: [
				{from: ".prop", to: ".$.child.content", transform: "transform"}
			],
			transform: function () { ++p; }
		});
		enyo.singleton({
			components: [
				{kind: Ctor}
			]
		});
		this.finish(p != 2 && "did not find the nested kind's transform");
	},
	testFindTransformInNestedKindOnInstanceOwner: function () {
		var p = 1, Ctor = enyo.kind({
			prop: "Shared",
			components: [
				{name: "child"}
			]
		});
		enyo.singleton({
			components: [
				{kind: Ctor, bindings: [
					{from: ".prop", to: ".$.child.content", transform: "transform"}
				]}
			],
			transform: function () { ++p; }
		});
		this.finish(p != 2 && "did not find the nested kind's transform on the instance owner");
	},
	testDefaultProperties: function () {
		var c = enyo.singleton({
			prop: "Shared",
			bindingDefaults: {
				source: ".$.child1"
			},
			components: [
				{name: "child1", prop: "ChildShared"},
				{name: "child2"},
				{name: "child3"}
			],
			bindings: [
				{from: ".prop", to: ".$.child2.content"},
				{from: ".prop", to: ".$.child3.content", source: "."}
			]
		});
		this.finish(
			(c.$.child2.content != "ChildShared" && "defaults were not applied") ||
			(c.$.child3.content != "Shared" && "defaults were used even with explicit property")
		);
	},
	testDefaultPropertiesOnSubkind: function () {
		enyo.kind({
			name: "test.BDP",
			bindingDefaults: {target: ".$"},
			components: [
				{name: "first"},
				{name: "last"}
			],
			bindings: [
				// should expand to .firstName -> .$.first.content
				{from: ".firstName", to: ".first.content"},
				// should expand to .lastName -> .$.last.content
				{from: ".lastName",to: ".last.content"}
			]
		});
		var c = enyo.singleton({
			kind: "test.BDP",
			bindingDefaults: {source: ".model"},
			model: new enyo.Model({firstName: "Ben", lastName: "Combee"}),
			bindings: [
				// should expand to .model.firstName -> .firstName
				{from: ".firstName", to: ".firstName"},
				// should expand to .model.lastName -> .lastName
				{from: ".lastName", to: ".lastName"}
			]
		});
		this.finish(
			(c.firstName !== "Ben" && "model -> property binding failed") ||
			(c.lastName !== "Combee" && "model -> property binding failed") ||
			(c.$.first.content !== "Ben" && "property -> content binding failed") ||
			(c.$.last.content !== "Combee" && "property -> content binding failed")
		);
	}
});