attribute.html revision 2b7125b1271732c191ab0b73be768534afd62fc5
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync<html>
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync<head>
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync <title>Attribute Tests</title>
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync <script type="text/javascript" src="/build/yui/yui.js"></script>
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
e64031e20c39650a7bc902a3e1aba613b9415deevboxsync <style type="text/css">
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync #console .yui3-console-entry {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync padding:2px;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync margin:0px;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync min-height:0;
a16eb14ad7a4b5ef91ddc22d3e8e92d930f736fcvboxsync }
a16eb14ad7a4b5ef91ddc22d3e8e92d930f736fcvboxsync
a16eb14ad7a4b5ef91ddc22d3e8e92d930f736fcvboxsync #console .yui3-console-entry-fail .yui3-console-entry-cat {
a16eb14ad7a4b5ef91ddc22d3e8e92d930f736fcvboxsync background-color:red;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync #console .yui3-console-entry-pass .yui3-console-entry-cat {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync background-color:green;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
43747b1f0bc8302a238fb35e55857a5e9aa1933dvboxsync #console .yui3-console-entry-perf .yui3-console-entry-cat {
43747b1f0bc8302a238fb35e55857a5e9aa1933dvboxsync background-color:blue;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync #console {
5eabf773597082761832bc0a32b3660e8771f9f1vboxsync position:static;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync html, body {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync height:100%;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync </style>
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync <script type="text/javascript">
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync YUI({
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync useBrowserConsole:false,
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min'
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }).use("dump", "attribute-complex", "base", "console", "test", function(Y) {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync function areObjectsReallyEqual(o1, o2) {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync Y.ObjectAssert.areEqual(o1, o2);
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync Y.ObjectAssert.areEqual(o2, o1);
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync function TestAugment(attrs, values) {}
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync Y.augment(TestAugment, Y.Attribute);
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync function TestAugmentWithATTRS(attrs, values) {}
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
230bd8589bba39933ac5ec21482d6186d675e604vboxsync TestAugmentWithATTRS.ATTRS = {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync foo: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value:"bar"
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync };
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync Y.augment(TestAugmentWithATTRS, Y.Attribute);
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync function Test(cfg, lazy, silentInit) {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync this._lazyAddAttrs = lazy;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync this._silentInit = silentInit;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync Test.superclass.constructor.apply(this, arguments);
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync };
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync Test.NAME = 'test';
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync Test.ATTRS = {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr1: {
021c939a9e3f688c0c3bbd759354be906bb2dcabvboxsync value: "Foo",
021c939a9e3f688c0c3bbd759354be906bb2dcabvboxsync setter: function(n) {
1a25adaca81841abf5e6cdfed02eaff64941357dvboxsync return n;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr2: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: "Bar",
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync setter: function(n) {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync return n;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr3: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: true
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr4: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: 3
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
dced478b440a327fb550155c0f73c1ac968ad93bvboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr5: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: 3
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr6: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: false,
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync setter: function(lock) {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync return lock;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
dced478b440a327fb550155c0f73c1ac968ad93bvboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr7: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: false
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr8: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: true
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr9: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: true
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr10: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: false
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr11: {
dced478b440a327fb550155c0f73c1ac968ad93bvboxsync value: true
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr12: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: false
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr13: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: false
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr14: {
dced478b440a327fb550155c0f73c1ac968ad93bvboxsync value: false,
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync setter: function(val) {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync return val;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
021c939a9e3f688c0c3bbd759354be906bb2dcabvboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr15: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: null,
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync setter: function(val) {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync return false;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr16: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: ['default'],
dced478b440a327fb550155c0f73c1ac968ad93bvboxsync
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync getter: function() {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync return false;
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
021c939a9e3f688c0c3bbd759354be906bb2dcabvboxsync
a50f2b5d48e2f3f8bae70aa49f76f225352b67cdvboxsync setter: function(g) {
a50f2b5d48e2f3f8bae70aa49f76f225352b67cdvboxsync return g;
a50f2b5d48e2f3f8bae70aa49f76f225352b67cdvboxsync }
a50f2b5d48e2f3f8bae70aa49f76f225352b67cdvboxsync },
a50f2b5d48e2f3f8bae70aa49f76f225352b67cdvboxsync attr17: {
021c939a9e3f688c0c3bbd759354be906bb2dcabvboxsync value: null,
1a25adaca81841abf5e6cdfed02eaff64941357dvboxsync setter: function(g) {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync return g;
a50f2b5d48e2f3f8bae70aa49f76f225352b67cdvboxsync }
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr18: {
021c939a9e3f688c0c3bbd759354be906bb2dcabvboxsync writeOnce: true,
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: null
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync attr19: {
a50f2b5d48e2f3f8bae70aa49f76f225352b67cdvboxsync writeOnce: true,
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: null
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync },
dced478b440a327fb550155c0f73c1ac968ad93bvboxsync attr20: {
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync writeOnce: true,
c189e41dcbb9bbda9b5bc41e07ef0fce82bbff7avboxsync value: null
}
};
Y.extend(Test, Y.Base, {
foo: function() {}
});
function AttrHost(config) {
AttrHost.superclass.constructor.apply(this, arguments);
}
AttrHost.NAME = "attrHost";
AttrHost.ATTRS = {
A: {
value:"AVal",
validator: Y.Lang.isString,
broadcast:1
},
B: {
validator: function(value) {
return (value === undefined || Y.Lang.isString(value) || Y.Lang.isNumber(value));
},
broadcast:2
},
C: {
writeOnce: true
},
D: {
value:"DVal",
readOnly: true
},
E: {
value:"EVal",
writeOnce: true
},
DE: {
valueFn: function() {
return this.get("D") + this.get("E");
}
},
complex: {
value: {
X : {
A: 1
},
Y : {
A: 2
},
Z : {
A: 3
}
}
},
initOnly : {
writeOnce:"initOnly"
}
};
Y.extend(AttrHost, Y.Base);
// -----
function ExtendedAttrHost(config) {
AttrHost.superclass.constructor.apply(this, arguments);
}
ExtendedAttrHost.NAME = "extendedAttrHost";
ExtendedAttrHost.ATTRS = {
A: {
value:"ExtAVal"
},
B: {
value:"ExtBVal",
validator: function(value) {
return ((value == undefined) || Y.Lang.isString(value));
}
},
D: {
value:"ExtDVal",
setter: function(val) {
return (Y.Lang.isString(val)) ? val.toUpperCase() : val;
}
},
E: {
value:"ExtEVal",
getter: function(val) {
return (Y.Lang.isString(val)) ? val.toLowerCase() : val;
}
},
F: {
value:"ExtFVal",
setter: function(val) {
return (Y.Lang.isString(val)) ? val : Y.Attribute.INVALID_VALUE;
}
},
"complex.X.A" : {
value: 1111
},
"complex.Y.A" : {
value: 2222,
setter: function(val) { // Should be ignored. Can't set setters for complex sub vals
return val + 10000;
}
},
G : {
valueFn:function(val) {
// Referring to H before it's set up
return this.get("H") + 10;
}
},
H: {
value:5,
getter: function(val) {
return val*5;
}
},
I : {
value:{
a: 5
},
getter: "_getI",
setter: "_setI",
validator: "_validateI"
},
PassThrough : {
value: "passthrough",
getter: function(val) {
return this._passthrough;
},
setter: function(val) {
this._passthrough = val;
}
},
Z : {
value: "z",
getter: function(val) {
return val.toUpperCase();
}
}
};
Y.extend(ExtendedAttrHost, AttrHost, {
_validateI : function(val, name) {
if (name.indexOf(".") == -1) {
Y.Assert.areEqual("I", name);
} else {
Y.Assert.areEqual("I.a", name);
}
return true;
},
_getI : function(val, name) {
if (name.indexOf(".") == -1) {
Y.Assert.areEqual("I", name);
} else {
Y.Assert.areEqual("I.a", name);
}
return val;
},
_setI : function(val, name) {
if (name.indexOf(".") == -1) {
Y.Assert.areEqual("I", name);
} else {
Y.Assert.areEqual("I.a", name);
}
}
});
//---
var sharedEventTests = {
testEventPrevent : function() {
var h = this.createHost();
var expectedEvents = ["BeforeMyNewAVal", "AfterMyNewAVal", "BeforePREVENT"];
var actualEvents = [];
h.on("AChange", function(e) {
actualEvents.push("Before" + e.newVal);
if (e.newVal == "PREVENT") {
e.preventDefault();
}
});
h.after("AChange", function(e) {
actualEvents.push("After" + e.newVal);
Y.Assert.areEqual("MyNewAVal", this.get("A"));
});
h.set("A", "MyNewAVal");
h.set("A", "PREVENT");
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
},
testEventBasic : function() {
var h = this.createHost({A:"MyAVal"});
var expectedEvents = ["BeforeMyNewAVal", "AfterMyNewAVal"];
var actualEvents = [];
h.on("AChange", function(e) {
actualEvents.push("Before" + e.newVal);
Y.Assert.areEqual("A", e.attrName);
Y.Assert.areEqual(null, e.subAttrName);
Y.Assert.areEqual("MyAVal", e.prevVal);
Y.Assert.areEqual("MyNewAVal", e.newVal);
});
h.after("AChange", function(e) {
actualEvents.push("After" + e.newVal);
Y.Assert.areEqual("A", e.attrName);
Y.Assert.areEqual(null, e.subAttrName);
Y.Assert.areEqual("MyAVal", e.prevVal);
Y.Assert.areEqual("MyNewAVal", e.newVal);
});
h.set("A", "MyNewAVal");
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
},
testEventStopImmediatePropagation: function() {
var h = this.createHost();
var expectedEvents = ["Before1MyNewAVal", "Before2MyNewAVal", "After1MyNewAVal", "After2MyNewAVal", "Before1STOPAFTER", "Before2STOPAFTER", "After1STOPAFTER", "Before1STOPBEFORE"];
var actualEvents = [];
h.on("AChange", function(e) {
actualEvents.push("Before1" + e.newVal);
if (e.newVal == "STOPBEFORE") {
e.stopImmediatePropagation();
}
});
h.after("AChange", function(e) {
actualEvents.push("After1" + e.newVal);
if (e.newVal == "STOPAFTER") {
e.stopImmediatePropagation();
}
});
h.on("AChange", function(e) {
actualEvents.push("Before2" + e.newVal);
});
h.after("AChange", function(e) {
actualEvents.push("After2" + e.newVal);
});
h.set("A", "MyNewAVal");
h.set("A", "STOPAFTER");
h.set("A", "STOPBEFORE");
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
},
testEventValidationReadonlyWriteOnce : function() {
var h = this.createHost({A:"MyAVal", C:"MyCVal", D:"MyDVal"});
var expectedEvents = ["BeforeAChange"];
var actualEvents = [];
h.on("AChange", function() {
actualEvents.push("BeforeAChange");
});
h.after("AChange", function() {
actualEvents.push("AfterAChange");
});
h.on("CChange", function() {
actualEvents.push("BeforeCChange");
});
h.on("CChange", function() {
actualEvents.push("BeforeCChange");
});
h.on("DChange", function() {
actualEvents.push("BeforeDChange");
});
h.on("DChange", function() {
actualEvents.push("BeforeDChange");
});
h.set("A", 200); // Invalid - before fired, after not fired [ value can be changed to be made valid ]
h.set("C", "MyNewCVal"); // Write Once - neither before nor after are fired
h.set("D", "MyNewDVal"); // Read Only - neither before not after are fired
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
},
testEventModify : function() {
var h = this.createHost({A:"MyAVal"});
h.on("AChange", function(e) {
Y.Assert.areEqual("MyAVal", e.prevVal);
e.newVal = e.newVal.toUpperCase();
});
h.after("AChange", function(e) {
Y.Assert.areEqual("MYNEWAVAL", e.newVal);
});
h.set("A", "MyNewAVal");
Y.Assert.areEqual("MYNEWAVAL", h.get("A"));
},
testEventSameValue : function() {
var h = this.createHost({A:"MyAVal"});
var expectedEvents = ["BeforeAChange",
"BeforeAChange",
"BeforeAChange", "AfterAChange",
"BeforeComplexChange", "AfterComplexChange",
"BeforeComplexChange", "AfterComplexChange",
"BeforeComplexChange", "AfterComplexChange",
"BeforeComplexChange", "AfterComplexChange",
"BeforeComplexChange", "AfterComplexChange",
"BeforeComplexChange", "AfterComplexChange",
"BeforePassThroughChange", "AfterPassThroughChange",
"BeforePassThroughChange",
"BeforePassThroughChange", "AfterPassThroughChange"
];
var actualEvents = [];
h.on("AChange", function(e) {
actualEvents.push("BeforeAChange");
});
h.after("AChange", function(e) {
actualEvents.push("AfterAChange");
Y.Assert.areNotSame(e.newVal, e.preVal);
});
h.on("complexChange", function(e) {
actualEvents.push("BeforeComplexChange");
});
h.after("complexChange", function(e) {
actualEvents.push("AfterComplexChange");
if (!e.subAttrName) {
Y.Assert.areNotSame(e.newVal, e.preVal, "Should not fire after event if object values are same");
}
});
h.on("PassThroughChange", function(e) {
actualEvents.push("BeforePassThroughChange");
});
h.after("PassThroughChange", function(e) {
actualEvents.push("AfterPassThroughChange");
});
h.set("A", h.get("A")); // No Change
h.set("A", "MyAVal"); // No Change
h.set("A", "MyNewAVal"); // Change
h.set("complex", h.get("complex")); // Change, we don't know if something changed inside the object
h.set("complex.Z.A", 3); // Change, even though value of complex is unchanged, we don't deep compare objects.
h.set("complex", Y.clone(h.get("complex"))); // Change, obj reference differs
h.set("complex", {A:1, B:2, C:3}); // Change, obj reference differs
var a = ["A"];
h.set("complex", a); // Change, value changed
a.push("B");
h.set("complex", a); // Change, same object ref, but we don't know if contents changed, so fire event
h.set("PassThrough", "MyPassThrough");
h.set("PassThrough", "MyPassThrough");
h.set("PassThrough", "MyNewPassThrough");
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
},
testEventRegistrationThroughConstructor : function() {
// Initial Set does not fire events
var expectedEvents = ["OnInit", "AfterInit", "OnAChange", "AfterAChange"];
var actualEvents = [];
var h = this.createHost({
on: {
"AChange" : function() {
actualEvents.push("OnAChange");
},
"init" : function() {
actualEvents.push("OnInit");
}
},
after: {
"AChange" : function() {
actualEvents.push("AfterAChange");
},
"init" : function() {
actualEvents.push("AfterInit");
}
}
});
h.set("A", "Foo");
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
}
};
var augmentTemplate = {
name: "Augment Tests",
testSetGetNoAttrs : function() {
var h = new TestAugment();
h.set("foo", "bar");
Y.Assert.areEqual("bar", h.get("foo"));
},
testSetGetWithAttrs : function() {
var h = new TestAugmentWithATTRS();
Y.Assert.areEqual("bar", h.get("foo"));
h.set("foo", "foobar");
Y.Assert.areEqual("foobar", h.get("foo"));
},
testCustomAugment : function() {
function FooBar(userVals) {
Y.Attribute.call(this, null, userVals);
};
FooBar.ATTRS = {
foo:{
value:"bar"
}
};
// Straightup augment, no wrapper functions
Y.mix(FooBar, Y.Attribute, false, null, 1);
var o1 = new FooBar();
Y.Assert.areEqual("bar", o1.get("foo"));
o1.set("foo", "foobar");
Y.Assert.areEqual("foobar", o1.get("foo"));
var o2 = new FooBar({foo:"barfoo"});
Y.Assert.areEqual("barfoo", o2.get("foo"));
},
testObjectAugment: function() {
var o = {
methodOne: function() {}
};
Y.augment(o, Y.Attribute);
o.set("foo", "bar");
Y.Assert.areEqual("bar", o.get("foo"));
}
};
var basicTemplate = {
name: "Core Base Class Tests",
createHost : function(cfg) {
return new AttrHost(cfg);
},
setUp : function() {},
tearDown : function() {},
testDefault : function() {
var h = this.createHost();
Y.Assert.areEqual("AVal", h.get("A"));
Y.Assert.areEqual(undefined, h.get("B"));
Y.Assert.areEqual(undefined, h.get("C"));
Y.Assert.areEqual("DVal", h.get("D")); // Readonly
Y.Assert.areEqual("EVal", h.get("E")); // Write once, but not twice
Y.Assert.areEqual("DValEVal", h.get("DE"));
},
testConstructor : function() {
var h = this.createHost({A:"MyAVal", B:"MyBVal", C:"MyCVal", D:"MyDVal", E:"MyEVal", DE:"MyDEVal"});
h.set("C", "MyNewCVal");
h.set("D", "MyNewDVal");
h.set("E", "MyNewEVal");
Y.Assert.areEqual("MyAVal", h.get("A"));
Y.Assert.areEqual("MyBVal", h.get("B"));
Y.Assert.areEqual("MyCVal", h.get("C")); // Write Once, set in constructor
Y.Assert.areEqual("DVal", h.get("D")); // Read Only
Y.Assert.areEqual("MyEVal", h.get("E")); // Write Once, set in constructor
Y.Assert.areEqual("MyDEVal", h.get("DE"));
},
testSet : function() {
var h = this.createHost();
h.set("A", "MyNewAVal");
h.set("B", "MyNewBVal");
h.set("C", "MyNewCVal");
h.set("D", "MyNewDVal");
h.set("E", "MyNewEVal");
h.set("DE", "MyNewDEVal");
Y.Assert.areEqual("MyNewAVal", h.get("A"));
Y.Assert.areEqual("MyNewBVal", h.get("B"));
Y.Assert.areEqual("MyNewCVal", h.get("C")); // Write once, set on first set.
Y.Assert.areEqual("DVal", h.get("D")); // Read Only
Y.Assert.areEqual("EVal", h.get("E")); // Write Once
Y.Assert.areEqual("MyNewDEVal", h.get("DE"));
},
testWriteOncePostInit : function() {
var h = this.createHost();
h.set("E", "MyNewEVal");
h.set("C", "MyNewCVal");
Y.Assert.areEqual("MyNewCVal", h.get("C")); // Write Once, default value
Y.Assert.areEqual("EVal", h.get("E")); // Write Once, default value
},
testWriteOnce : function() {
var h = this.createHost({E:"MyEVal"});
h.set("E", "MyNewEVal");
Y.Assert.areEqual("MyEVal", h.get("E")); // Write Once, on init
},
testWriteOnceInitOnly : function() {
var h = this.createHost({ initOnly: "initOnlyVal"});
h.set("initOnly", "NewInitOnlyVal");
Y.Assert.areEqual("initOnlyVal", h.get("initOnly"));
},
testWriteOnceInitOnlyNotProvided : function() {
var h1 = this.createHost();
h1.set("initOnly", "InitOnlyVal");
Y.Assert.areEqual(undefined, h1.get("initOnly"));
},
testAdHocGetSet : function() {
var h = this.createHost();
Y.Assert.areEqual(undefined, h.get("AdHoc"));
h.set("AdHoc", "TestAdHoc");
Y.Assert.areEqual("TestAdHoc", h.get("AdHoc"));
h.addAttr("AdHoc", {
setter: function(val) {
return val.toUpperCase();
}
});
h.set("AdHoc", "TestAdHocConfigured");
Y.Assert.areEqual("TESTADHOCCONFIGURED", h.get("AdHoc"));
},
testAdHocConstructorEnabled : function() {
AttrHost.prototype._allowAdHocAttrs = true;
var h = this.createHost({
A: "MyAVal",
foo: "foo",
bar: "bar",
plugins : ["not"],
on: {
fooChange: function() {}
},
after: {
fooChange: function() {}
}
});
AttrHost.prototype._allowAdHocAttrs = false;
// Only add AdHoc Attrs
Y.Assert.areEqual("foo", h.get("foo"));
Y.Assert.areEqual("bar", h.get("bar"));
// Configured Attrs
Y.Assert.areEqual("DVal", h.get("D"));
Y.Assert.areEqual("MyAVal", h.get("A"));
// Not _NON_ATTRS_CFG
Y.Assert.isUndefined(h.get("plugins"));
Y.Assert.isUndefined(h.get("on"));
Y.Assert.isUndefined(h.get("after"));
},
testAdHocConstructorDisabled : function() {
var h = this.createHost({
A: "MyAVal",
foo: "foo",
bar: "bar",
plugins : ["not"],
on: {
fooChange: function() {}
},
after: {
fooChange: function() {}
}
});
// Only add AdHoc Attrs
Y.Assert.areEqual(undefined, h.get("foo"));
Y.Assert.areEqual(undefined, h.get("bar"));
// Configured attributes
Y.Assert.areEqual("DVal", h.get("D"));
Y.Assert.areEqual("MyAVal", h.get("A"));
// Not _NON_ATTRS_CFG
Y.Assert.isUndefined(h.get("plugins"));
Y.Assert.isUndefined(h.get("on"));
Y.Assert.isUndefined(h.get("after"));
},
testReset : function() {
var h = this.createHost({A:"MyAVal", B:"MyBVal", C:"MyCVal", D:"MyDVal", E:"MyEVal", DE:"MyDEVal"});
h.set("A", "MyNewAVal");
h.set("B", "MyNewBVal");
h.set("C", "MyNewCVal");
h.set("D", "MyNewDVal");
h.set("E", "MyNewEVal");
h.set("DE", "MyNewDEVal");
Y.Assert.areEqual("MyNewAVal", h.get("A"));
Y.Assert.areEqual("MyNewBVal", h.get("B"));
Y.Assert.areEqual("MyCVal", h.get("C")); // Write once, set on first set.
Y.Assert.areEqual("DVal", h.get("D")); // Read Only
Y.Assert.areEqual("MyEVal", h.get("E")); // Write Once
Y.Assert.areEqual("MyNewDEVal", h.get("DE"));
h.reset("A");
h.reset("D");
Y.Assert.areEqual("MyAVal", h.get("A"));
Y.Assert.areEqual("DVal", h.get("D"));
h.reset();
Y.Assert.areEqual("MyAVal", h.get("A"));
Y.Assert.areEqual("MyBVal", h.get("B"));
Y.Assert.areEqual("MyCVal", h.get("C"));
Y.Assert.areEqual("DVal", h.get("D"));
Y.Assert.areEqual("MyEVal", h.get("E"));
Y.Assert.areEqual("MyDEVal", h.get("DE"));
},
testMassSetGet : function() {
var h = this.createHost();
h.setAttrs({
"A" : "MyNewAVal",
"B": "MyNewBVal",
"C": "MyNewCVal",
"D": "MyNewDVal",
"E": "MyNewEVal",
"DE": "MyNewDEVal",
complex: "MyNewComplexVal"
});
var expectedVals = {
A: "MyNewAVal",
B: "MyNewBVal",
C: "MyNewCVal",
D: "DVal",
E: "EVal",
DE: "MyNewDEVal",
complex: "MyNewComplexVal",
initialized:true,
destroyed:false,
initOnly: undefined
};
Y.Assert.areEqual(expectedVals.A, h.get("A"));
Y.Assert.areEqual(expectedVals.B, h.get("B"));
Y.Assert.areEqual(expectedVals.C, h.get("C")); // Write once, set on first set.
Y.Assert.areEqual(expectedVals.D, h.get("D")); // Read Only
Y.Assert.areEqual(expectedVals.E, h.get("E")); // Write Once
Y.Assert.areEqual(expectedVals.DE, h.get("DE"));
areObjectsReallyEqual(expectedVals, h.getAttrs());
},
testModifiedAttrs : function() {
var h = this.createHost();
h.setAttrs({
A: "MyNewAVal",
C: "MyNewCVal",
D: "MyNewDVal"
});
var expectedVals = {
A: "MyNewAVal",
initialized:true
};
areObjectsReallyEqual(expectedVals, h.getAttrs(true));
},
testValidation : function() {
var h = this.createHost();
h.set("A", "MyAVal");
Y.Assert.areEqual("MyAVal", h.get("A"));
h.set("A", 100);
Y.Assert.areEqual("MyAVal", h.get("A")); // Validation should prevent the attribute from being set
h.set("B", "two");
Y.Assert.areEqual("two", h.get("B"));
h.set("B", 2);
Y.Assert.areEqual(2, h.get("B"));
h.set("B", false);
Y.Assert.areEqual(2, h.get("B")); // Validation should prevent the attribute from being set
},
testPrivateSet : function() {
var h = this.createHost();
var expectedEvents = ["BeforeTryDAgain", "AfterTryDAgain", "BeforeTryEAgain", "Aftertryeagain"];
var actualEvents = [];
h.on("DChange", function(e) {
actualEvents.push("Before" + e.newVal);
});
h.on("EChange", function(e) {
actualEvents.push("Before" + e.newVal);
});
h.after("DChange", function(e) {
actualEvents.push("After" + e.newVal);
});
h.after("EChange", function(e) {
actualEvents.push("After" + e.newVal);
});
h.set("D", "MyNewDVal");
h.set("E", "MyNewEVal");
Y.Assert.areEqual("DVal", h.get("D"));
Y.Assert.areEqual("EVal", h.get("E"));
h._set("D", "TryDAgain");
h._set("E", "TryEAgain");
Y.Assert.areEqual("TryDAgain", h.get("D"));
Y.Assert.areEqual("TryEAgain", h.get("E"));
},
testComplexDefault : function() {
var h = this.createHost();
var o = {
X : {
A: 1
},
Y : {
A: 2
},
Z : {
A: 3
}
};
Y.Assert.areEqual(1, h.get("complex.X.A"));
Y.Assert.areEqual(2, h.get("complex.Y.A"));
Y.Assert.areEqual(3, h.get("complex.Z.A"));
areObjectsReallyEqual({A:1}, h.get("complex.X"));
areObjectsReallyEqual({A:2}, h.get("complex.Y"));
areObjectsReallyEqual({A:3}, h.get("complex.Z"));
var val = h.get("complex");
Y.each(val, function(v, k) {
areObjectsReallyEqual(v, o[k]);
});
},
testComplexConstructor : function() {
var h = this.createHost({
"complex.X.A": 11,
"complex.Y.A": 12,
"complex.Z.A": 13,
"complex.W.A": 14 // Does not exist, not allowed to set
});
areObjectsReallyEqual({A:11}, h.get("complex.X"));
areObjectsReallyEqual({A:12}, h.get("complex.Y"));
areObjectsReallyEqual({A:13}, h.get("complex.Z"));
Y.Assert.areEqual(undefined, h.get("complex.W"));
},
testComplexSet : function() {
var h = this.createHost();
h.set("complex.X.A", 111);
Y.Assert.areEqual(111, h.get("complex.X.A"));
h.set("complex.X.B", 112);
Y.Assert.areEqual(112, h.get("complex.X.B"));
areObjectsReallyEqual({A:111, B:112}, h.get("complex.X"));
h.set("complex.W.B", 113);
Y.Assert.areEqual(undefined, h.get("complex.W"));
Y.Assert.areEqual(undefined, h.get("complex.W.B"));
h.set("complex.Y", {B:222});
Y.Assert.areEqual(222, h.get("complex.Y.B"));
Y.Assert.areEqual(undefined, h.get("complex.Y.A"));
},
testComplexEvents : function() {
var h = this.createHost();
var expectedEvents = ["Beforecomplex.X.A", "Aftercomplex.X.A", "Beforecomplex.Y.A", "Aftercomplex.Y.A", "Beforecomplex.Y", "Aftercomplex.Y"];
var actualEvents = [];
h.on("complexChange", function(e) {
actualEvents.push("Before" + e.subAttrName);
if (e.subAttrName == "complex.X.A") {
Y.Assert.areEqual(1111, e.newVal.X.A);
areObjectsReallyEqual({A:1111}, e.newVal.X);
areObjectsReallyEqual({A:2}, e.newVal.Y);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
if (e.subAttrName == "complex.Y.A") {
Y.Assert.areEqual(2222, e.newVal.Y.A);
areObjectsReallyEqual({A:1111}, e.newVal.X);
areObjectsReallyEqual({A:2222}, e.newVal.Y);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
if (e.subAttrName == "complex.Y") {
Y.Assert.areEqual(2223, e.newVal.Y);
areObjectsReallyEqual({A:1111}, e.newVal.X);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
});
h.after("complexChange", function(e) {
actualEvents.push("After" + e.subAttrName);
if (e.subAttrName == "complex.X.A") {
Y.Assert.areEqual(1111, e.newVal.X.A);
areObjectsReallyEqual({A:1111}, e.newVal.X);
areObjectsReallyEqual({A:2}, e.newVal.Y);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
if (e.subAttrName == "complex.Y.A") {
Y.Assert.areEqual(2222, e.newVal.Y.A);
areObjectsReallyEqual({A:1111}, e.newVal.X);
areObjectsReallyEqual({A:2222}, e.newVal.Y);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
if (e.subAttrName == "complex.Y") {
Y.Assert.areEqual(2223, e.newVal.Y);
areObjectsReallyEqual({A:1111}, e.newVal.X);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
});
h.set("complex.X.A", 1111);
h.set("complex.Y.A", 2222);
h.set("complex.Y", 2223);
h.set("complex.W.A", 3333);
},
testBroadcast : function() {
var h = this.createHost();
var expectedEvents = ["On AChange Y Broadcast", "After AChange Y Broadcast", "On BChange Y Broadcast", "After BChange Y Broadcast", "On BChange YUI Broadcast", "After BChange YUI Broadcast", "On CChange", "After CChange"];
var actualEvents = [];
Y.Global.on("attrHost:AChange", function() {
actualEvents.push("On AChange YUI Broadcast");
});
Y.Global.after("attrHost:AChange", function() {
actualEvents.push("After AChange YUI Broadcast");
});
Y.on("attrHost:AChange", function() {
actualEvents.push("On AChange Y Broadcast");
});
Y.after("attrHost:AChange", function() {
actualEvents.push("After AChange Y Broadcast");
});
Y.Global.on("attrHost:BChange", function() {
actualEvents.push("On BChange YUI Broadcast");
});
Y.Global.after("attrHost:BChange", function() {
actualEvents.push("After BChange YUI Broadcast");
});
Y.on("attrHost:BChange", function() {
actualEvents.push("On BChange Y Broadcast");
});
h.on("CChange", function() {
actualEvents.push("On CChange");
});
h.after("CChange", function() {
actualEvents.push("After CChange");
});
Y.after("attrHost:BChange", function() {
actualEvents.push("After BChange Y Broadcast");
});
Y.Global.on("attrHost:CChange", function() {
actualEvents.push("On CChange YUI Broadcast");
});
Y.Global.after("attrHost:CChange", function() {
actualEvents.push("After CChange YUI Broadcast");
});
Y.on("attrHost:CChange", function() {
actualEvents.push("On CChange Y Broadcast");
});
Y.after("attrHost:CChange", function() {
actualEvents.push("After CChange Y Broadcast");
});
h.set("A", "NewA");
h.set("B", "NewB");
h.set("C", "NewC");
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
},
testInitialValidation: function() {
var h = this.createHost({A:5});
Y.Assert.areEqual("AVal", h.get("A")); // Numerical value validation failure should revert to default value
},
testModifyAttr : function() {
var h = this.createHost();
var expectedEvents = ["On AChange Y Broadcast", "After AChange Y Broadcast"]
var actualEvents = [];
Y.on("attrHost:AChange", function() {
actualEvents.push("On AChange Y Broadcast");
});
Y.after("attrHost:AChange", function() {
actualEvents.push("After AChange Y Broadcast");
});
h.set("A", "NewA");
h.modifyAttr("A", {
getter: function(val, name) {
return val.toUpperCase();
},
setter: function(val, name) {
Y.Assert.fail("Setter should not be called");
},
validator: function(val, name) {
Y.Assert.fail("Validator should not be called");
},
broadcast:0
});
h.set("A", "NewAAfterGetterBroadCast");
h.set("A", 5);
Y.Assert.areEqual("NEWAAFTERGETTERBROADCAST", h.get("A"));
h.modifyAttr("A", {
readOnly:true
});
h.set("A", "NewAAfterReadOnly");
Y.Assert.areEqual("NEWAAFTERGETTERBROADCAST", h.get("A"));
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
},
testProtect : function() {
var h = this.createHost();
var q = h._protectAttrs(AttrHost.ATTRS);
Y.Assert.areNotSame(AttrHost.ATTRS, q);
Y.Assert.areEqual(Y.dump(AttrHost.ATTRS), Y.dump(q));
q.A.newprop = "new prop value";
q.A.value = "modified value";
Y.Assert.areNotEqual(Y.dump(AttrHost.ATTRS), Y.dump(q));
}
};
basicTemplate = Y.merge(basicTemplate, sharedEventTests);
var extendedTemplate = {
name: "Core Extended Class Tests",
createHost : function(cfg) {
return new ExtendedAttrHost(cfg);
},
setUp : function() {},
tearDown : function() {},
testDefault : function() {
var h = this.createHost();
Y.Assert.areEqual("ExtAVal", h.get("A"));
Y.Assert.areEqual("ExtBVal", h.get("B"));
Y.Assert.areEqual(undefined, h.get("C"));
Y.Assert.areEqual("EXTDVAL", h.get("D"));
Y.Assert.areEqual("exteval", h.get("E"));
Y.Assert.areEqual("ExtFVal", h.get("F"));
Y.Assert.areEqual("EXTDVALexteval", h.get("DE"));
},
testConstructor : function() {
var h = this.createHost({A:"MyAVal", B:"MyBVal", C:"MyCVal", D:"MyDVal", E:"MyEVal", F:"MyFVal"});
h.set("C", "MyNewCVal");
h.set("D", "MyNewDVal");
h.set("E", "MyNewEVal");
Y.Assert.areEqual("MyAVal", h.get("A"));
Y.Assert.areEqual("MyBVal", h.get("B"));
Y.Assert.areEqual("MyCVal", h.get("C"));
Y.Assert.areEqual("EXTDVAL", h.get("D"));
Y.Assert.areEqual("myeval", h.get("E"));
Y.Assert.areEqual("MyFVal", h.get("F"));
Y.Assert.areEqual("EXTDVALmyeval", h.get("DE"));
},
testSet : function() {
var h = this.createHost();
h.set("A", "MyNewAVal");
h.set("B", "MyNewBVal");
h.set("C", "MyNewCVal");
h.set("D", "MyNewDVal");
h.set("E", "MyNewEVal");
h.set("F", "MyNewFVal");
h.set("DE", "MyNewDEVal");
Y.Assert.areEqual("MyNewAVal", h.get("A"));
Y.Assert.areEqual("MyNewBVal", h.get("B"));
Y.Assert.areEqual("MyNewCVal", h.get("C"));
Y.Assert.areEqual("EXTDVAL", h.get("D"));
Y.Assert.areEqual("exteval", h.get("E"));
Y.Assert.areEqual("MyNewFVal", h.get("F"));
Y.Assert.areEqual("MyNewDEVal", h.get("DE"));
},
testAdHocGetSet : function() {
var h = this.createHost();
Y.Assert.areEqual(undefined, h.get("AdHoc"));
h.set("AdHoc", "TestAdHoc");
Y.Assert.areEqual("TestAdHoc", h.get("AdHoc"));
},
testAdHocConstructorEnabled : function() {
AttrHost.prototype._allowAdHocAttrs = true;
var h = this.createHost({
A: "MyAVal",
foo: "foo",
bar: "bar",
plugins : ["not"],
on: {
fooChange: function() {}
},
after: {
fooChange: function() {}
}
});
AttrHost.prototype._allowAdHocAttrs = false;
// Only add AdHoc Attrs
Y.Assert.areEqual("foo", h.get("foo"));
Y.Assert.areEqual("bar", h.get("bar"));
// Configured Attrs
Y.Assert.areEqual("EXTDVAL", h.get("D"));
Y.Assert.areEqual("MyAVal", h.get("A"));
// Not _NON_ATTRS_CFG
Y.Assert.isUndefined(h.get("plugins"));
Y.Assert.isUndefined(h.get("on"));
Y.Assert.isUndefined(h.get("after"));
},
testAdHocConstructorDisabled : function() {
var h = this.createHost({
A: "MyAVal",
foo: "foo",
bar: "bar",
plugins : ["not"],
on: {
fooChange: function() {}
},
after: {
fooChange: function() {}
}
});
// Only add AdHoc Attrs
Y.Assert.areEqual(undefined, h.get("foo"));
Y.Assert.areEqual(undefined, h.get("bar"));
// Configured attributes
Y.Assert.areEqual("EXTDVAL", h.get("D"));
Y.Assert.areEqual("MyAVal", h.get("A"));
// Not _NON_ATTRS_CFG
Y.Assert.isUndefined(h.get("plugins"));
Y.Assert.isUndefined(h.get("on"));
Y.Assert.isUndefined(h.get("after"));
},
testReset : function() {
var h = this.createHost({A:"MyAVal", B:"MyBVal", C:"MyCVal", D:"MyDVal", E:"MyEVal", F:"MyFVal", DE:"MyDEVal"});
h.set("A", "MyNewAVal");
h.set("B", "MyNewBVal");
h.set("C", "MyNewCVal");
h.set("D", "MyNewDVal");
h.set("E", "MyNewEVal");
h.set("F", "MyNewFVal");
h.set("DE", "MyNewDEVal");
Y.Assert.areEqual("MyNewAVal", h.get("A"));
Y.Assert.areEqual("MyNewBVal", h.get("B"));
Y.Assert.areEqual("MyCVal", h.get("C")); // Write once, set on first set.
Y.Assert.areEqual("EXTDVAL", h.get("D")); // Read Only
Y.Assert.areEqual("myeval", h.get("E")); // Write Once
Y.Assert.areEqual("MyNewFVal", h.get("F")); // Write Once
Y.Assert.areEqual("MyNewDEVal", h.get("DE"));
h.reset("A");
h.reset("D");
Y.Assert.areEqual("MyAVal", h.get("A"));
Y.Assert.areEqual("EXTDVAL", h.get("D"));
h.reset();
Y.Assert.areEqual("MyAVal", h.get("A"));
Y.Assert.areEqual("MyBVal", h.get("B"));
Y.Assert.areEqual("MyCVal", h.get("C"));
Y.Assert.areEqual("EXTDVAL", h.get("D"));
Y.Assert.areEqual("myeval", h.get("E"));
Y.Assert.areEqual("MyFVal", h.get("F"));
Y.Assert.areEqual("MyDEVal", h.get("DE"));
},
testMassSetGet : function() {
var h = this.createHost();
h.setAttrs({
"A" : "MyNewAVal",
"B": "MyNewBVal",
"C": "MyNewCVal",
"D": "MyNewDVal",
"E": "MyNewEVal",
"F": "MyNewFVal",
"DE": "MyNewDEVal",
complex: "MyNewComplexVal",
"I" : "MyNewIVal",
"PassThrough" : "MyPassThrough",
"Z" : "MyZ"
});
var expectedVals = {
A: "MyNewAVal",
B: "MyNewBVal",
C: "MyNewCVal",
D: "EXTDVAL",
E: "exteval",
F: "MyNewFVal",
DE: "MyNewDEVal",
complex: "MyNewComplexVal",
G: 35,
H: 25,
I: "MyNewIVal",
PassThrough: "MyPassThrough",
Z: "MYZ",
initialized:true,
destroyed:false,
initOnly: undefined
};
Y.Assert.areEqual(expectedVals.A, h.get("A"));
Y.Assert.areEqual(expectedVals.B, h.get("B"));
Y.Assert.areEqual(expectedVals.C, h.get("C")); // Write once, set on first set.
Y.Assert.areEqual(expectedVals.D, h.get("D")); // Read Only
Y.Assert.areEqual(expectedVals.E, h.get("E")); // Write Once
Y.Assert.areEqual(expectedVals.F, h.get("F"));
Y.Assert.areEqual(expectedVals.DE, h.get("DE"));
areObjectsReallyEqual(expectedVals, h.getAttrs());
},
testModifiedAttrs : function() {
var h = this.createHost();
h.setAttrs({
A: "MyNewAVal",
C: "MyNewCVal",
D: "MyNewDVal",
F: "MyNewFVal"
});
var expectedVals = {
A: "MyNewAVal",
F: "MyNewFVal",
initialized:true
};
areObjectsReallyEqual(expectedVals, h.getAttrs(true));
},
testValidation : function() {
var h = this.createHost();
h.set("A", "MyAVal");
Y.Assert.areEqual("MyAVal", h.get("A"));
h.set("A", 100);
Y.Assert.areEqual("MyAVal", h.get("A")); // Validation should prevent the attribute from being set
h.set("B", "two");
Y.Assert.areEqual("two", h.get("B"));
h.set("B", 2);
Y.Assert.areEqual("two", h.get("B")); // Validation should prevent the attribute from being set
h.set("B", true);
Y.Assert.areEqual("two", h.get("B")); // Validation should prevent the attribute from being set
h.set("F", "MyNewFVal");
Y.Assert.areEqual("MyNewFVal", h.get("F"));
h.set("F", 3);
Y.Assert.areEqual("MyNewFVal", h.get("F")); // Validation should prevent the attribute from being set
},
testPrivateSet : function() {
var h = this.createHost();
var expectedEvents = ["BeforeTryDAgain", "AfterTRYDAGAIN", "BeforeTryEAgain", "Aftertryeagain" ]; // Last entry: e.newVal is not "get" normalized
var actualEvents = [];
h.on("DChange", function(e) {
actualEvents.push("Before" + e.newVal);
});
h.on("EChange", function(e) {
actualEvents.push("Before" + e.newVal);
});
h.after("DChange", function(e) {
actualEvents.push("After" + e.newVal);
});
h.after("EChange", function(e) {
actualEvents.push("After" + e.newVal);
});
h.set("D", "MyNewDVal");
h.set("E", "MyNewEVal");
Y.Assert.areEqual("EXTDVAL", h.get("D"));
Y.Assert.areEqual("exteval", h.get("E"));
h._set("D", "TryDAgain");
h._set("E", "TryEAgain");
Y.Assert.areEqual("TRYDAGAIN", h.get("D"));
Y.Assert.areEqual("tryeagain", h.get("E"));
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
},
testComplexDefault : function() {
var h = this.createHost();
var o = {
X : {
A: 1111
},
Y : {
A: 2222
},
Z : {
A: 3
}
};
Y.Assert.areEqual(1111, h.get("complex.X.A"));
Y.Assert.areEqual(2222, h.get("complex.Y.A"));
Y.Assert.areEqual(3, h.get("complex.Z.A"));
areObjectsReallyEqual({A:1111}, h.get("complex.X"));
areObjectsReallyEqual({A:2222}, h.get("complex.Y"));
areObjectsReallyEqual({A:3}, h.get("complex.Z"));
var val = h.get("complex");
Y.each(val, function(v, k) {
areObjectsReallyEqual(v, o[k]);
});
},
testComplexConstructor : function() {
var h = this.createHost({
"complex.X.A": 11,
"complex.Y.A": 12,
"complex.Z.A": 13,
"complex.W.A": 14 // Does not exist, not allowed to set
});
areObjectsReallyEqual({A:11}, h.get("complex.X"));
areObjectsReallyEqual({A:12}, h.get("complex.Y"));
areObjectsReallyEqual({A:13}, h.get("complex.Z"));
Y.Assert.areEqual(undefined, h.get("complex.W"));
},
testComplexSet : function() {
var h = this.createHost();
h.set("complex.X.A", 111);
Y.Assert.areEqual(111, h.get("complex.X.A"));
h.set("complex.X.B", 112);
Y.Assert.areEqual(112, h.get("complex.X.B"));
areObjectsReallyEqual({A:111, B:112}, h.get("complex.X"));
h.set("complex.W.B", 113);
Y.Assert.areEqual(undefined, h.get("complex.W"));
Y.Assert.areEqual(undefined, h.get("complex.W.B"));
h.set("complex.Y", {B:222});
Y.Assert.areEqual(222, h.get("complex.Y.B"));
Y.Assert.areEqual(undefined, h.get("complex.Y.A"));
},
testComplexEvents : function() {
var h = this.createHost();
var expectedEvents = ["Beforecomplex.X.A", "Aftercomplex.X.A", "Beforecomplex.Y.A", "Aftercomplex.Y.A", "Beforecomplex.Y", "Aftercomplex.Y"];
var actualEvents = [];
h.on("complexChange", function(e) {
actualEvents.push("Before" + e.subAttrName);
if (e.subAttrName == "complex.X.A") {
Y.Assert.areEqual(11111, e.newVal.X.A);
areObjectsReallyEqual({A:11111}, e.newVal.X);
areObjectsReallyEqual({A:2222}, e.newVal.Y);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
if (e.subAttrName == "complex.Y.A") {
Y.Assert.areEqual(22222, e.newVal.Y.A);
areObjectsReallyEqual({A:11111}, e.newVal.X);
areObjectsReallyEqual({A:22222}, e.newVal.Y);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
if (e.subAttrName == "complex.Y") {
Y.Assert.areEqual(22233, e.newVal.Y);
areObjectsReallyEqual({A:11111}, e.newVal.X);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
});
h.after("complexChange", function(e) {
actualEvents.push("After" + e.subAttrName);
if (e.subAttrName == "complex.X.A") {
Y.Assert.areEqual(11111, e.newVal.X.A);
areObjectsReallyEqual({A:11111}, e.newVal.X);
areObjectsReallyEqual({A:2222}, e.newVal.Y);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
if (e.subAttrName == "complex.Y.A") {
Y.Assert.areEqual(22222, e.newVal.Y.A);
areObjectsReallyEqual({A:11111}, e.newVal.X);
areObjectsReallyEqual({A:22222}, e.newVal.Y);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
if (e.subAttrName == "complex.Y") {
Y.Assert.areEqual(22233, e.newVal.Y);
areObjectsReallyEqual({A:11111}, e.newVal.X);
areObjectsReallyEqual({A:3}, e.newVal.Z);
}
});
h.set("complex.X.A", 11111);
h.set("complex.Y.A", 22222);
h.set("complex.Y", 22233);
h.set("complex.W.A", 33333);
},
testOnDemandInit : function() {
var h = this.createHost();
Y.Assert.areEqual(35, h.get("G"));
Y.Assert.areEqual(25, h.get("H"));
},
testGetterSetterValidatorNameArg : function() {
var h = this.createHost();
h.set("I.a", 6);
h.set("I", {a:7, b:8});
},
testBroadcast : function() {
var h = this.createHost();
var expectedEvents = ["On AChange Y Broadcast", "After AChange Y Broadcast", "On BChange Y Broadcast", "After BChange Y Broadcast", "On BChange YUI Broadcast", "After BChange YUI Broadcast", "On CChange", "After CChange"];
var actualEvents = [];
Y.Global.on("extendedAttrHost:AChange", function() {
actualEvents.push("On AChange YUI Broadcast");
});
Y.Global.after("extendedAttrHost:AChange", function() {
actualEvents.push("After AChange YUI Broadcast");
});
Y.on("extendedAttrHost:AChange", function() {
actualEvents.push("On AChange Y Broadcast");
});
Y.after("extendedAttrHost:AChange", function() {
actualEvents.push("After AChange Y Broadcast");
});
// ---
Y.Global.on("extendedAttrHost:BChange", function() {
actualEvents.push("On BChange YUI Broadcast");
});
Y.Global.after("extendedAttrHost:BChange", function() {
actualEvents.push("After BChange YUI Broadcast");
});
Y.on("extendedAttrHost:BChange", function() {
actualEvents.push("On BChange Y Broadcast");
});
Y.after("extendedAttrHost:BChange", function() {
actualEvents.push("After BChange Y Broadcast");
});
// --
h.on("CChange", function() {
actualEvents.push("On CChange");
});
h.after("CChange", function() {
actualEvents.push("After CChange");
});
Y.Global.on("extendedAttrHost:CChange", function() {
actualEvents.push("On CChange YUI Broadcast");
});
Y.Global.after("extendedAttrHost:CChange", function() {
actualEvents.push("After CChange YUI Broadcast");
});
Y.on("extendedAttrHost:CChange", function() {
actualEvents.push("On CChange Y Broadcast");
});
Y.after("extendedAttrHost:CChange", function() {
actualEvents.push("After CChange Y Broadcast");
});
h.set("A", "NewA");
h.set("B", "NewB");
h.set("C", "NewC");
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
},
testModifyAttr : function() {
var h = this.createHost();
var expectedEvents = ["On AChange Y Broadcast", "After AChange Y Broadcast"]
var actualEvents = [];
Y.on("extendedAttrHost:AChange", function() {
actualEvents.push("On AChange Y Broadcast");
});
Y.after("extendedAttrHost:AChange", function() {
actualEvents.push("After AChange Y Broadcast");
});
h.set("A", "NewA");
h.modifyAttr("A", {
getter: function(val, name) {
return val.toUpperCase();
},
setter: function(val, name) {
Y.Assert.fail("Setter should not be called");
},
validator: function(val, name) {
Y.Assert.fail("Validator should not be called");
},
broadcast:0
});
h.set("A", "NewAAfterGetterBroadCast");
h.set("A", 5);
Y.Assert.areEqual("NEWAAFTERGETTERBROADCAST", h.get("A"));
h.modifyAttr("A", {
readOnly:true
});
h.set("A", "NewAAfterReadOnly");
Y.Assert.areEqual("NEWAAFTERGETTERBROADCAST", h.get("A"));
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
},
testEventSameValueExt : function() {
var h = this.createHost();
var expectedEvents = ["BeforeZChange", "AfterZChange", "BeforeZChange", "AfterZChange"];
var actualEvents = [];
h.on("ZChange", function() {
actualEvents.push("BeforeZChange");
});
h.after("ZChange", function() {
actualEvents.push("AfterZChange");
});
h.set("Z", "MyZ");
h.set("Z", "MYZ");
Y.ArrayAssert.itemsAreEqual(expectedEvents, actualEvents);
}
};
extendedTemplate = Y.merge(extendedTemplate, sharedEventTests);
var perfTemplate = {
name: "Performance Tests",
testTimeConstruction: function() {
var start, end, n = 20, t, i;
start = new Date().getTime();
for (i = 0; i < n; i++) {
t = new Test(null, false);
t.getAttrs();
t = null;
}
end = new Date().getTime();
Y.log("Construction Time Populated (upfront): " + ((end-start)/n), "perf");
start = new Date().getTime();
for (i = 0; i < n; i++) {
t = new Test();
t.getAttrs();
t = null;
}
end = new Date().getTime();
Y.log("Construction Time Populated (lazy): " + ((end-start)/n), "perf");
start = new Date().getTime();
for (i = 0; i < n; i++) {
t = new Test(null, false);
t = null;
}
end = new Date().getTime();
Y.log("Construction Time (upfront): " + ((end-start)/n), "perf");
start = new Date().getTime();
for (i = 0; i < n; i++) {
t = new Test();
t = null;
}
end = new Date().getTime();
var time = (end-start)/n;
var expectedTime = (Y.UA.ie && Y.UA.ie <= 6) ? 15 : 10;
Y.log("Construction Time (lazy): " + time, "perf");
start = new Date().getTime();
for (i = 0; i < n; i++) {
t = new Test(null, true, true);
t = null;
}
end = new Date().getTime();
Y.log("Construction Time (lazy and silent init): " + ((end-start)/n), "perf");
Y.Assert.isTrue((time < expectedTime));
},
testStateForPerfSwitches : function() {
// Lazy
t = new Test();
var x = t.getAttrs();
// Non Lazy (Upfront)
t = new Test(null, false);
var y = t.getAttrs();
// Lazy and Silent
t = new Test(null, true, true);
var z = t.getAttrs();
Y.Assert.areEqual(Y.dump(x), Y.dump(y), "Lazy vs. Upfront: attr state is not equal");
Y.Assert.areEqual(Y.dump(y), Y.dump(z), "Upfront vs. Lazy and Silent: attr state is not equal");
}
}
var suite = new Y.Test.Suite({name:"Attribute Unit Tests"});
suite.add(new Y.Test.Case(basicTemplate));
suite.add(new Y.Test.Case(extendedTemplate));
suite.add(new Y.Test.Case(augmentTemplate));
suite.add(new Y.Test.Case(basicTemplate));
suite.add(new Y.Test.Case(extendedTemplate));
suite.add(new Y.Test.Case(augmentTemplate)); // run twice, just to make sure static class state not modified
Y.Test.Runner.add(suite);
Y.Test.Runner.setName("Attribute Tests");
Y.Test.Runner.disableLogging();
Y.Test.Runner.run();
var console;
Y.one("#btnRun").set("disabled", false).on("click", function() {
if (!console) {
//create the console
console = new Y.Console({
width:"100%",
height:"95%",
id:"console",
verbose : false,
printTimeout: 0,
newestOnTop : false,
entryTemplate: '<pre class="{entry_class} {cat_class} {src_class}">'+
'<span class="{entry_cat_class}">{label}</span>'+
'<span class="{entry_content_class}">{message}</span>'+
'</pre>',
render:true
});
var perfSuite = new Y.Test.Suite({name:"Attribute Performance Tests"});
perfSuite.add(new Y.Test.Case(perfTemplate));
Y.Test.Runner.add(perfSuite);
}
Y.Test.Runner.enableLogging();
Y.Test.Runner.run();
});
});
</script>
</head>
<body class="yui3-skin-sam">
<p><input type="button" value="Run Tests" id="btnRun" disabled=true></p>
</body>
</html>