transition/tests/transition.html

	transition.html revision 73857faca3d4266c7840cd6ce428a71cf9a94d0c
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney<html>
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney<head>
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney<title>Transition tests</title>
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney<link type="text/css" rel="stylesheet" href="/build/logreader/assets/skins/sam/logreader.css">
f01d121976553130cab6089d35c71d5b947d1204Matt Sweeney<script type="text/javascript" src="/build/yui/yui-debug.js"></script>
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney<style>
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney.demo {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    background: #ccc;
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    border: 5px solid green;
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    width: 200px;
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    height: 200px;
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney}
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney.demo div {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney    width: 200px;
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney    height: 200px;
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney}
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney</style>
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney</head>
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney<body class="yui3-skin-sam">
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    <h1>Transition Tests</h1>
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney    <div class="demo"><div></div></div>
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney    <div class="demo"><div></div></div>
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney<script type="text/javascript">
4a589644c0b4ea2684514116fbbad30d79536f8aMatt SweeneyYUI({
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney    filter: "raw",
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    logInclude: { TestRunner: true }
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney}).use('transition', 'test', 'console', function (Y) {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    Y.namespace('Tests');
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    Y.Tests.Transition = (function(){
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney        var suite = new Y.Test.Suite('Transition Tests');
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney        suite.add(new Y.Test.Case({
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            name: 'onstart Tests',
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            'should run the onstart prior to setting target values': function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                var node = Y.one('.demo'),
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    test = this,
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    h = node.getComputedStyle('height'),
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    onstart = function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        this.setStyle('height', 0);
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    };
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                node.setStyle('height', h);
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                node.transition({
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    height: function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        return h;
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    },
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    on: {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        start: onstart
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    }
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                }, function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    test.resume(function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        Y.Assert.areEqual(h, node.getComputedStyle('height'));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    });
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                });
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                test.wait(2000);
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            }
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney        }));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney        suite.add(new Y.Test.Case({
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            name: 'Show Transition Tests',
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            'should show the node with the default transition': function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                var node = Y.one('.demo'),
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    test = this;
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                node.setStyle('display', 'none');
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                node.setStyle('opacity', '0');
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                node.show(true, function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    test.resume(function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        Y.Assert.areEqual(1, node.getStyle('opacity'));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        Y.Assert.areEqual('block', node.getStyle('display'));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    });
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                });
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                test.wait(2000);
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            },
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            'should show the node with the named transition': function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                var node = Y.one('.demo'),
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    test = this,
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    h = node.getComputedStyle('height'),
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    w = node.getComputedStyle('width');
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                node.setStyles({
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    height: 0,
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    width: 0
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                });
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                node.show('sizeIn', function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    test.resume(function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        Y.Assert.areEqual(h, node.getComputedStyle('height'));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        Y.Assert.areEqual(w, node.getComputedStyle('width'));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    });
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                });
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                test.wait(2000);
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            },
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            'should override the named transition default duration': function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                var node = Y.one('.demo'),
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    test = this;
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                node.setStyle('opacity', 0);
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                var start = new Date();
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                node.show({duration: 1}, function(e) {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    test.resume(function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        Y.Assert.areEqual(1, parseInt(e.elapsedTime));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    });
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                });
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                test.wait(2000);
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            }
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney        }));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney        suite.add(new Y.Test.Case({
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            name: 'Hide Transition Tests',
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            'should hide the node with the default transition': function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                var node = Y.one('.demo'),
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    test = this;
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                node.hide(true, function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    test.resume(function() {
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        Y.Assert.areEqual(0, node.getStyle('opacity'));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        Y.Assert.areEqual('none', node.getStyle('display'));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        node.setStyle('display', 'block');
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                        node.setStyle('opacity', '1');
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                    });
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                });
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                Y.Assert.areEqual('block', node.getStyle('display'));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney                test.wait(1000);
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            }
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney        }));
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney
49b2441cfaf50222c256670b81ff734d8be3f9a4Matt Sweeney
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney        suite.add(new Y.Test.Case({
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney            name: 'Named Transition Tests',
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney/* serial effects not yet implemented
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney            'should run named effects in serial': function() {
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                var node = Y.one('.demo'),
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                    test = this;
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                node.transition(['fadeOut', 'fadeIn'], function(e) {
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                    test.resume(function() {
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                        Y.Assert.areEqual(2, parseInt(e.elapsedTime));
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                    });
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                });
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                test.wait(3000);
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney            },
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney*/
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney            'should run named effect': function() {
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                var node = Y.one('.demo'),
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                    test = this;
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                node.transition('fadeOut', function(e) {
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                    test.resume(function() {
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                        Y.Assert.areEqual(0, node.getStyle('opacity'));
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                    });
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                });
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                test.wait(1000);
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney            },
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney
73857faca3d4266c7840cd6ce428a71cf9a94d0cMatt Sweeney            'should override effect duration': function() {
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                var node = Y.one('.demo'),
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                    test = this;
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                node.transition('fadeIn', {duration: 2}, function(e) {
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                    test.resume(function() {
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                        Y.Assert.areEqual(2, parseInt(e.elapsedTime));
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                        Y.Assert.areEqual(1, node.getStyle('opacity'));
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                    });
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                });
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney                test.wait(3000);
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney            }
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney        }));
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney        suite.add(new Y.Test.Case({
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney            name: 'Multiple Transition Tests',
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney            setUp: function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                Y.one('.demo').setStyles({
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    height: '200px',
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    width: '200px',
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    opacity: '1'
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney            },
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney            'all chained callbacks should fire': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    test = this;
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                node.transition({
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    width: 0
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                }, function(e) {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    test.resume(function() {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        node.transition({
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                            height: 0
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        }, function(e) {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                            test.resume(function() {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                                Y.Assert.areEqual('0px', node.getComputedStyle('height'));
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                            });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        });
b8e54cd0fdbfd4d5482a6c38e53b0d42e2e2baffMatt Sweeney                        test.wait();
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                test.wait(4000);
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'setStyle should not transition 1': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.setStyle('height', '100px');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                Y.Assert.areEqual('100px', node.getComputedStyle('height'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney            'last transition should win for same property': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                    test = this;
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                node.transition({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    height: '100px'
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                }, function(e) {
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                    test.resume(function() { // shouldnt fire
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                        Y.Assert.isNull(1);
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                    });
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                });
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                node.transition({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    height: 0
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                }, function(e) {
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                    test.resume(function() { // shouldnt fire
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                        Y.Assert.isNull(1);
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                    });
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                });
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                node.transition({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    height: '100px'
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                }, function(e) {
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                    test.resume(function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual('100px', node.getComputedStyle('height'));
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                    });
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                });
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney                test.wait(4000);
85a258143f630b36522d3d1835a8e5a916dbad2cMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'setStyle should not transition 2': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.setStyle('height', '100px');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                Y.Assert.areEqual('100px', node.getComputedStyle('height'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney            'all serial callbacks should fire': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    test = this;
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                node.transition({
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    duration: 2,
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    width: 0
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                }, function(e) {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    test.resume(function() {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    });
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                });
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                node.transition({
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    duration: 1,
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    height: 0
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                }, function(e) {
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    test.resume(function() {
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                        Y.Assert.areEqual('0px', node.getComputedStyle('height'));
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        test.wait(4000);
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    });
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                });
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                test.wait(4000);
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'setStyle should not transition 3': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.setStyle('height', '100px');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                Y.Assert.areEqual('100px', node.getComputedStyle('height'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney            'all serial callbacks should fire (duration)': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    test = this;
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                node.transition({
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    duration: 1,
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    width: 0
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                }, function(e) {
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    test.resume(function() {
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                        test.wait(4000);
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    });
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                });
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                node.transition({
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    duration: 2,
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    height: 0
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                }, function(e) {
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                    test.resume(function() {
0dfbad86367ee46837c580e51d7d76e8bd6d88b7Matt Sweeney                        Y.Assert.areEqual('0px', node.getComputedStyle('height'));
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                test.wait(4000);
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'setStyle should not transition 4': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.setStyle('height', '100px');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                Y.Assert.areEqual('100px', node.getComputedStyle('height'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney            'parallel transition should steal attribute': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    test = this;
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                node.transition({
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    width: 0
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                }, function(e) { // should never fire
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    test.resume(function() {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        Y.Assert.isNull(1);
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        test.wait(4000);
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                node.transition({
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    duration: 1,
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    width: 0
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                }, function(e) {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    test.resume(function() {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                test.wait(4000);
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'setStyle should not transition 5': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.setStyle('width', '100px');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                Y.Assert.areEqual('100px', node.getComputedStyle('width'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney            'parallel transition should shorten duration': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    test = this;
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                node.transition({
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    easing: 'ease-in',
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    duration: 2,
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    opacity: {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        value: 0,
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        duration: 3
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    },
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    height: 0,
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    width: 0
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                }, function(e) {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    test.resume(function() {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        Y.Assert.areEqual(2, parseInt(e.elapsedTime));
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                node.transition({
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    duration: 1,
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    opacity: 0
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                }, function(e) {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    test.resume(function() {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        Y.Assert.areEqual('0', node.getComputedStyle('opacity'));
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        Y.Assert.areEqual(1, parseInt(e.elapsedTime));
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                        test.wait(4000);
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                    });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                });
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney                test.wait(4000);
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
bf3c648d6ab588c8b04fb824a7281898c469bd67Matt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'setStyle should not transition 6': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
bf3c648d6ab588c8b04fb824a7281898c469bd67Matt Sweeney                    test = this;
bf3c648d6ab588c8b04fb824a7281898c469bd67Matt Sweeney
bf3c648d6ab588c8b04fb824a7281898c469bd67Matt Sweeney                node.setStyle('height', '100px');
bf3c648d6ab588c8b04fb824a7281898c469bd67Matt Sweeney                Y.Assert.areEqual('100px', node.getComputedStyle('height'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            }
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            }));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            suite.add(new Y.Test.Case({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                name: 'Multiple Element Tests',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                setUp: function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    Y.all('.demo').setStyles({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        height: '200px',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        width: '200px',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        opacity: '1'
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'multiple elements should transition together': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var nodes = Y.all('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    node1 = nodes.item(0),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    node2 = nodes.item(1),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node1.transition({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    duration: 1,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    height: 0
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                }, function(e) {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test.resume(function () {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual('0px', node1.getComputedStyle('height'), 'item 1 height');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual(1, parseInt(e.elapsedTime));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        test.wait(4000);
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node2.transition({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    height: '100px',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    duration: 2
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                }, function(e) {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test.resume(function () {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual('100px', node2.getComputedStyle('height'), 'item 2 height');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual(2, parseInt(e.elapsedTime));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                test.wait(4000);
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'nodelist should transition together': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
50a44094a1bbdeaaccbb3cfac2ba7b92aabb374bMatt Sweeney                Y.all('.demo').transition({duration: 1, opacity: 0}, function(e) {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test.resume(function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        var nodes = Y.all('.demo');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual(0, nodes.item(0).getStyle('opacity'));
50a44094a1bbdeaaccbb3cfac2ba7b92aabb374bMatt Sweeney                        Y.Assert.areEqual(1, parseInt(e.elapsedTime));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                test.wait();
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            }
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney        }));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney        suite.add(new Y.Test.Case({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            name: 'Single Transition Tests',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            setUp: function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                Y.all('.demo').setStyles({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    height: '200px',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    width: '200px',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    borderWidth: '5px',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    paddingTop: 0,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    opacity: '1'
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'should end at final value': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.transition({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    width: 0
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                }, function(e) {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test.resume(function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                test.wait(4000);
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'should end at final values': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.transition({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    duration: 1,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    width: 0,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    height: 0,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    opacity: 0,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    borderWidth: '1px',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    foo: 0, // ignore non-supported
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    paddingTop: '100px'
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                }, function(e) {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test.resume(function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual(1, parseInt(e.elapsedTime));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual('0px', node.getComputedStyle('width'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual('0px', node.getComputedStyle('height'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual('0', node.getComputedStyle('opacity'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual('100px', node.getComputedStyle('paddingTop'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual('1px', node.getStyle('borderWidth'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                test.wait(4000);
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'callback should fire after longest duration': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.transition({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    easing: 'ease-in',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    duration: 1,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    opacity: {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        value: 0,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        duration: 2
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    height: 0,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    width: 0
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                }, function(e) {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test.resume(function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual(2, parseInt(e.elapsedTime));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    node.setStyle('height', '100px');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    node.setStyle('opacity', '1');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    Y.Assert.areEqual(1, node.getStyle('opacity'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                test.wait(4000);
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'transition:end should fire after longest duration': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    config = {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    easing: 'ease-in',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    duration: 1,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    opacity: {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        value: 0,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        duration: 2
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    height: 0,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    width: 0
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                };
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.once('transition:end', function(e) {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test.resume(function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual(2, parseInt(e.elapsedTime));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areSame(config, e.config);
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        node.setStyle('height', '100px');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        node.setStyle('opacity', '1');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual(1, node.getStyle('opacity'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.transition(config);
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                test.wait(4000);
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'native transform should map to vendor prefix': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.transition({
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    easing: 'ease',
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    duration: 1,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    height: 0,
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    transform: 'rotate(180deg)'
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                }, function(e) {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test.resume(function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        Y.Assert.areEqual(1, parseInt(e.elapsedTime));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        if (Y.UA.webkit) {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                            Y.Assert.areEqual('matrix(-1, 1.22465e-16, -1.22465e-16, -1, 0, 0)', node.getComputedStyle('WebkitTransform'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                        }
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                });
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                test.wait(4000);
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            },
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            'setStyle should not transition': function() {
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                var node = Y.one('.demo'),
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                    test = this;
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                node.setStyle('height', '100px');
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney                Y.Assert.areEqual('100px', node.getComputedStyle('height'));
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney            }
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney
100cd7da99ccec416d3021e9a567addc2d9ed3dfMatt Sweeney        }));
c56d37350cde9ba6fcde1a42433b3d759fe2b2ecMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney        //return it
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney        return suite;
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    })();
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    new Y.Console({
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney        verbose : true,
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney        height: 600,
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney        newestOnTop : false
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    }).render();
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    //add to the testrunner and run
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    Y.Test.Runner.add(Y.Tests.Transition);
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    Y.Test.Runner.run();
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    /*if (parent && parent != window) {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney        YAHOO.tool.TestManager.load();
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    } else {
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney        YAHOO.tool.TestRunner.run();
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney    }*/
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney});
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney</script>
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney</body>
4a589644c0b4ea2684514116fbbad30d79536f8aMatt Sweeney</html>