transition/tests/transition.html

	transition.html revision 0dfbad86367ee46837c580e51d7d76e8bd6d88b7
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync<html>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync<head>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync<title>Transition tests</title>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync<link type="text/css" rel="stylesheet" href="/build/logreader/assets/skins/sam/logreader.css">
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync<script type="text/javascript" src="/build/yui/yui.js"></script>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync<style>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync#demo {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    background: #ccc;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    border: 5px solid green;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    width: 200px;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    height: 200px;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync}
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync</style>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync</head>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync<body class="yui3-skin-sam">
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    <h1>Transition Tests</h1>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    <div id="demo"></div>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync<script type="text/javascript">
deb4998ba50060c48cce222fd18a8eed053918d7vboxsyncYUI({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    filter: "debug",
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    logInclude: { TestRunner: true }
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync}).use('transition', 'test', 'console', function (Y) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    Y.namespace('Tests');
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    Y.Tests.Transition = (function(){
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        var suite = new Y.Test.Suite('Transition Tests');
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        suite.add(new Y.Test.Case({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            name: 'Multiple Transition Tests',
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            setUp: function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                Y.one('#demo').setStyles({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    height: '200px',
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    width: '200px',
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    opacity: '1'
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            },
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            'all chained callbacks should fire': function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                var node = Y.one('#demo'),
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test = this;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    width: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                            height: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                            test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                                Y.Assert.areEqual('0px', node.getComputedStyle('height'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                            });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        test.wait();
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            },
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            'all serial callbacks should fire': function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                var node = Y.one('#demo'),
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test = this;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    duration: 2,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    width: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.log('callback 1');
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    duration: 1,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    height: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    Y.log('callback 2');
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual('0px', node.getComputedStyle('height'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            },
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            'all serial callbacks should fire (duration)': function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                var node = Y.one('#demo'),
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test = this;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    duration: 1,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    width: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.log('callback 1');
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    duration: 2,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    height: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    Y.log('callback 2');
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual('0px', node.getComputedStyle('height'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            },
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            'parallel transition should steal attribute': function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                var node = Y.one('#demo'),
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test = this;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    width: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) { // should never fire
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.isNull(1);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    duration: 1,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    width: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            },
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            'parallel transition should shorten duration': function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                var node = Y.one('#demo'),
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test = this;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    easing: 'ease-in',
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    duration: 2,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    opacity: {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        value: 0,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        duration: 3
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    },
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    height: 0,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    width: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual(2, parseInt(e.elapsedTime));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    duration: 1,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    opacity: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual('0', node.getComputedStyle('opacity'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual(1, parseInt(e.elapsedTime));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            }
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        }));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        suite.add(new Y.Test.Case({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            name: 'Single Transition Tests',
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            setUp: function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                var node = Y.one('#demo');
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                if (node) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    node.setStyles({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        height: '200px',
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        width: '200px',
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        opacity: '1'
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            },
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            'should end at final value': function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                var node = Y.one('#demo'),
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test = this;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    width: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            },
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            'should end at final values': function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                var node = Y.one('#demo'),
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test = this;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    width: 0,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    height: 0,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    opacity: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual('0px', node.getComputedStyle('height'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual('0', node.getComputedStyle('opacity'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            },
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            'callback should fire after longest duration': function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                var node = Y.one('#demo'),
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test = this;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.transition({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    easing: 'ease-in',
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    duration: 1,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    opacity: {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        value: 0,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        duration: 2
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    },
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    height: 0,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    width: 0
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                }, function(e) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test.resume(function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                        Y.Assert.areEqual(2, parseInt(e.elapsedTime));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    node.setStyle('height', '100px');
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    node.setStyle('opacity', '1');
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    Y.Assert.areEqual(1, node.getStyle('opacity'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                });
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                test.wait(4000);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            },
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            'setStyle should not transition': function() {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                var node = Y.one('#demo'),
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                    test = this;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                node.setStyle('height', '100px');
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync                Y.Assert.areEqual('100px', node.getComputedStyle('height'));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync            }
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        }));
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        //return it
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        return suite;
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    })();
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    new Y.Console({
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        verbose : true,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        height: 600,
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        newestOnTop : false
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    }).render();
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    //add to the testrunner and run
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    Y.Test.Runner.add(Y.Tests.Transition);
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    Y.Test.Runner.run();
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    /*if (parent && parent != window) {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        YAHOO.tool.TestManager.load();
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    } else {
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync        YAHOO.tool.TestRunner.run();
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync    }*/
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync});
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync</script>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync</body>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync</html>
deb4998ba50060c48cce222fd18a8eed053918d7vboxsync