<div id="testLogger"></div>
<div id="testDiv" style="left:0;position:absolute;width:10px;height:10px; background-color:red"></div>
<script>
YUI().use('anim', 'test-console', 'test', function (Y) {
//name of the test case - if not provided, one is auto-generated
name : "Animation Tests",
//---------------------------------------------------------------------
// Test methods - names must begin with "test"
//---------------------------------------------------------------------
testAnimation : function (){
var myAnim = new Y.Anim({
node: '#testDiv',
to: {
width: 400
},
duration: 3,
easing: Y.Easing.easeOut
});
//assign oncomplete handler
myAnim.on("end", function(){
//tell the TestRunner to resume
this.resume(function(){
Y.Assert.areEqual(document.getElementById("testDiv").offsetWidth, 400, "Width of the DIV should be 400.");
});
}, this, true);
//start the animation
myAnim.run();
//wait until something happens
this.wait();
}
});
//create the console
(new Y.Test.Console({
newestOnTop : false,
filters: {
pass: true,
fail: true
}
})).render('#testLogger');
//create the logger
//run the tests
});
</script>