event-custom/tests/customevent.html

	customevent.html revision cb9f029ff15503a39241ee80252242470e45dcf7
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen<html>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen<head>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen<title>YUI3 Custom Event Tests</title>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen<script type="text/javascript" src="/build/yui/yui.js"></script>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen</head>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen<body class="yui3-skin-sam">
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen<h1>Event Tests</h1>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen<p><input type="button" value="Run Tests" id="btnRun" disabled="true" /></p>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen<div id="adiv">a div</div>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen<div id="demo" class="yui-module">
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen    <div class="yui-hd">
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen        <h4>Animation Demo</h4>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen        <a title="remove module" class="yui-remove"><em>x</em></a>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen    </div>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen    <div class="yui-bd">
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen        <p>This an example of what you can do with the YUI Animation Utility.</p>
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen        <p><em>Follow the instructions above to see the animation in action.</em></p>
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen    </div>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen</div>
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen<script type="text/javascript">
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen(function() {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen    var global_notified;
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
dc9bfb7dc057964238e181d3d8b08751527bb08aTimo Sirainen    //YUI.add("selector-native", function(){});
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen    YUI({
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen        filter: "debug",
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen        onCSS: function(Y) {
c02a056b724abd6578fb8c4e439de0e94eaea6feTimo Sirainen            Y.log('CSS is done loading', 'info', 'testcase');
9f431ccfb6932746db56245c8a3d3415717ef545Timo Sirainen        },
c02a056b724abd6578fb8c4e439de0e94eaea6feTimo Sirainen        logExclude: { get: true, Dom: true, Selector: true, Node: true, attribute: true, event: true, base: true, widget: true },
c02a056b724abd6578fb8c4e439de0e94eaea6feTimo Sirainen
c02a056b724abd6578fb8c4e439de0e94eaea6feTimo Sirainen        filters: {
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen            base: 'raw',
c02a056b724abd6578fb8c4e439de0e94eaea6feTimo Sirainen            // dom: null,
c02a056b724abd6578fb8c4e439de0e94eaea6feTimo Sirainen            attribute: 'min'
c02a056b724abd6578fb8c4e439de0e94eaea6feTimo Sirainen        }
c02a056b724abd6578fb8c4e439de0e94eaea6feTimo Sirainen    }).use("dump", "test", "anim", "console", function(Y) {
dc9bfb7dc057964238e181d3d8b08751527bb08aTimo Sirainen
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen        // Y.Global.on('yui:log', function(e) {
c02a056b724abd6578fb8c4e439de0e94eaea6feTimo Sirainen        //     console.log('GLOBAL LOG: ' + e.msg);
c02a056b724abd6578fb8c4e439de0e94eaea6feTimo Sirainen        // });
c02a056b724abd6578fb8c4e439de0e94eaea6feTimo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen        var button = Y.one('#btnRun');
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen        // Set up the page
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen        button.set("disabled", false);
517d1e7142d57299c733b30423e35e7e1f8d01d6Timo Sirainen        Y.on("click", function() {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen            Y.Test.Runner.run();
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen        }, button);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen        var myConsole = new Y.Console().render();
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen        Y.log('{}');
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen        var testEventTarget = new Y.Test.Case({
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen            name: "Custom event tests",
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
49e513d090753ccbf95560b2f3a21f081a5b6c51Timo Sirainen            testAugment: function() {
49e513d090753ccbf95560b2f3a21f081a5b6c51Timo Sirainen
49e513d090753ccbf95560b2f3a21f081a5b6c51Timo Sirainen                var fired = false;
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
49e513d090753ccbf95560b2f3a21f081a5b6c51Timo Sirainen                var O = function(id) {
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                    this.id = id;
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.log('O constructor executed ' + id);
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                }
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                O.prototype = {
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                    oOo: function(ok) {
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                        Y.log('oOo');
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                    }
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                }
49e513d090753ccbf95560b2f3a21f081a5b6c51Timo Sirainen
49e513d090753ccbf95560b2f3a21f081a5b6c51Timo Sirainen                // pass configuration info into EventTarget with the following
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                // construct
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                Y.augment(O, Y.EventTarget, null, null, {
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                    emitFacade: true
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                });
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                var o = new O(),
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                handle = o.on('testAugment', function(e, arg1, arg2) {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.Assert.isTrue(this instanceof O);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.Assert.isTrue(e instanceof Y.EventFacade);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.Assert.isTrue(e.foo === 'afoo');
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.Assert.isTrue(e.details[1] === 1);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.Assert.isTrue(arg1 === 1);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.Assert.isTrue(arg2 === 2);
517d1e7142d57299c733b30423e35e7e1f8d01d6Timo Sirainen                    fired = true;
517d1e7142d57299c733b30423e35e7e1f8d01d6Timo Sirainen                });
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                o.fire('testAugment', { foo: 'afoo' }, 1, 2);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                Y.Assert.isTrue(fired);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                handle.detach();
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
517d1e7142d57299c733b30423e35e7e1f8d01d6Timo Sirainen                // if the first argument is not an object, the
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                // event facade is moved in front of the args rather
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                // than overwriting existing object.
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                o.on('testAugment', function(e, arg1, arg2) {
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                    Y.Assert.areEqual(1, arg1);
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                    Y.Assert.areEqual(2, arg2);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                });
49e513d090753ccbf95560b2f3a21f081a5b6c51Timo Sirainen
49e513d090753ccbf95560b2f3a21f081a5b6c51Timo Sirainen                o.fire('testAugment', 1, 2);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
49e513d090753ccbf95560b2f3a21f081a5b6c51Timo Sirainen            },
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen            test_detach_by_signature: function() {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
517d1e7142d57299c733b30423e35e7e1f8d01d6Timo Sirainen                var anim = new Y.Anim({
517d1e7142d57299c733b30423e35e7e1f8d01d6Timo Sirainen                        node: '#demo',
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                        to: { opacity: 0 }
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    }),
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    count = 0.
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    tester = function() {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                        count++;
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                        Y.detach('foo', tester);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    };
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                Y.on('foo', tester);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                Y.fire('foo');
49e513d090753ccbf95560b2f3a21f081a5b6c51Timo Sirainen                Y.fire('foo');
49e513d090753ccbf95560b2f3a21f081a5b6c51Timo Sirainen                Y.Assert.areEqual(1, count);
a7bee3930831a9261fa6180d02af29c484d862e9Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                var onEnd = function() {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    count++;
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    // this.detach('anim:end', onEnd);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    this.detach('end', onEnd);
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                    this.setAttrs({
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                        to: { height: 1 },
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                        easing: Y.Easing.bounceOut
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    });
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    this.run();
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                    if (count > 2) {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                        throw new Error('onEnd should only have happened once');
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    }
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                };
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                anim.on('end', onEnd);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                anim.run();
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                anim.run();
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen            },
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen            testExtend: function() {
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                var fired = false;
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                var Base = function() {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.log('Base constructor executed');
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    arguments.callee.superclass.constructor.apply(this, arguments);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                }
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                Y.extend(Base, Y.EventTarget, {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    base: function() {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                        Y.log('all your base...');
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                    }
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                });
dc9bfb7dc057964238e181d3d8b08751527bb08aTimo Sirainen
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                var b = new Base();
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen                b.on('testExtend', function(arg1, arg2) {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.Assert.isTrue(this instanceof Base);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.Assert.isTrue(arg1 === 1);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.Assert.isTrue(arg2 === 2);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    fired = true;
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                });
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                b.fire('testExtend', 1, 2);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                Y.Assert.isTrue(fired);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen            },
dc9bfb7dc057964238e181d3d8b08751527bb08aTimo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen            testPrefix: function() {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                var fired1 = false,
1f1e81aab38d833d1c9cdc244c91fd762e0080d4Timo Sirainen                    fired2 = false;
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen
1f1e81aab38d833d1c9cdc244c91fd762e0080d4Timo Sirainen                var O = function(id) {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    this.id = id;
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    Y.log('O constructor executed ' + id);
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                }
e4d34f2fbee451219599d71505594df704093ce3Timo Sirainen
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                O.prototype = {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    oOo: function(ok) {
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                        Y.log('oOo');
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                    }
6c2c5f20760b06bfb4a40b0ee2ef5ab016bc41f0Timo Sirainen                }

                // pass configuration info into EventTarget with the following
                // construct
                Y.augment(O, Y.EventTarget, null, null, {
                    emitFacade: true,
                    prefix: 'prefix'
                });

                var o = new O();
                o.on('testPrefix', function(e, arg1, arg2) {
                    Y.Assert.isTrue(this instanceof O);
                    fired1 = true;
                });

                o.on('prefix:testPrefix', function(e, arg1, arg2) {
                    Y.Assert.isTrue(this instanceof O);
                    fired2 = true;
                });

                o.fire('testPrefix', { foo: 'afoo' }, 1, 2);

                Y.Assert.isTrue(fired1);
                // Y.Assert.isTrue(fired2);

                fired1 = false;
                fired2 = false;

                o.fire('prefix:testPrefix', { foo: 'afoo' }, 1, 2);
                Y.Assert.isTrue(fired1);
                Y.Assert.isTrue(fired2);
            },

            testDetachKey: function() {

                var fired1 = false,
                    fired2 = false;

                Y.on('handle|test:event', function() {
                    fired1 = true;
                });

                // one listener
                Y.fire('test:event');
                Y.Assert.isTrue(fired1);
                Y.Assert.isFalse(fired2);

                Y.detach('handle|test:event');

                fired1 = false;
                fired2 = false;

                Y.on('handle|test:event', function() {
                    fired2 = true;
                });

                // first lisener detached, added a new listener
                Y.fire('test:event');
                Y.Assert.isFalse(fired1);
                Y.Assert.isTrue(fired2);

                Y.detach('handle|test:event');
                fired1 = false;
                fired2 = false;

                Y.after('handle|test:event', function(arg1) {
                    Y.Assert.areEqual('orange', arg1);
                    Y.Assert.isTrue(fired1);
                    fired2 = true;
                });

                // comma or pipe
                Y.on('handle|test:event', function(arg1) {
                    Y.Assert.areEqual('orange', arg1);
                    Y.Assert.isFalse(fired2);
                    fired1 = true;
                });

                // testing on and after order
                Y.fire('test:event', 'orange');

                fired1 = false;
                fired2 = false;

                // spaces after the comma or lack thereof should have
                // no effect on the addition or removal of listeners
                var ret = Y.detach('handle|test:event');

                Y.Assert.areEqual(Y, ret);

                // added both an on listener and an after listener,
                // then detached both
                Y.fire('test:event', 'orange');
                Y.Assert.isFalse(fired1);
                Y.Assert.isFalse(fired2);

            },

            testDetachAllByKey: function() {

                var fired1 = false,
                    fired2 = false;

                Y.after('handle|event2', function() {
                    fired2 = true;
                });

                Y.on('handle|event2', function() {
                    fired1 = true;
                });

                // detachAll
                Y.detach('handle|*');

                Y.fire('event2');

                Y.Assert.isFalse(fired1, 'fired1, the after listener should not have fired.');
                Y.Assert.isFalse(fired2, 'fired2, the on listener should not have fired.');

            },

            testChain: function() {

                var fired1 = false,
                    fired2 = false,
                    fired3 = false,
                    fired4 = false,
                    fired5 = false;

                // should be executed once, after f2
                var f1 = function() {
                    Y.Assert.isTrue(fired2);
                    fired1 = true;
                };

                // should be executed once, before f1
                var f2 = function() {
                    Y.Assert.isFalse(fired1);
                    fired2 = true;
                };

                // should be executed once, different event from f1 and f2
                var f3 = function() {
                    fired3 = true;
                };

                // detached before fired, should not executed
                var f4 = function() {
                    fired4 = true;
                };

                // should fire once, preserving the custom prefix rather
                // than using the configured event target prefix
                var f5 = function() {
                    fired5 = true;
                };

                // configure chaining via global default or on the event target
                YUI({ /* chain: true */
                    base:'/build/',
                    logInclude: {
                        test: true
                    }
                }).use('event-custom', function(Y2) {

                    var o = new Y2.EventTarget({
                        prefix: 'foo',
                        chain : true
                    });

                    // without event target prefix manipulation (incomplete now)
                    // @TODO an error here is throwing an uncaught exception rather than failing the test
                    // Y2.after('p:e', f1).on('p:e', f2).on('p:e2', f3).on('detach, p:e', f4).detach('detach, p:e').fire('p:e').fire('p:e2');

                    // with event target prefix manipulation ('e' is the same event as 'foo:e',
                    // but 'pre:e' is a different event only accessible by using that exact name)
o.after('e', f1).on('foo:e', f2).on('foo:e2', f3).on('detach, e', f4).detach('detach,e').fire('foo:e').fire('e2').on('pre:e', f5).fire('pre:e');

                    Y.Assert.isTrue(fired1);  // verifies chaining, on/after order, and adding the event target prefix
                    Y.Assert.isTrue(fired2);  // verifies chaining, on/after order, and accepting the prefix in the event name
                    Y.Assert.isTrue(fired3);  // verifies no interaction between events, and prefix manipulation
                    Y.Assert.isFalse(fired4); // verifies detach works (regardless of spaces after comma)
                    Y.Assert.isTrue(fired5);  // verifies custom prefix

                });

            },

            testObjType: function() {
                var f1, f2;
                Y.on({
                    'y:click': function() {f1 = true},
                    'y:clack': function() {f2 = true}
                });

                Y.fire('y:click');
                Y.fire('y:clack');

                Y.Assert.isTrue(f1);
                Y.Assert.isTrue(f2);
            },

            testBubble: function() {
                var count = 0,
                    ret,
                    config = {
                        emitFacade: true,
                        bubbles: true
                    },
                    a = new Y.EventTarget(config),
                    b = new Y.EventTarget(config);

                b.addTarget(a);

                // this should not be necessary // fixed
                // b.publish('test:foo');

                a.on('test:foo', function(e) {
                    count++;
                    // we will fire this on the parent, so that should be the target
                    Y.Assert.areEqual(b, e.target);
                    Y.Assert.areEqual(a, e.currentTarget);
                });

                ret = b.fire('test:foo', {}, b);

                Y.Assert.areEqual(1, count);
                Y.Assert.isTrue(ret);

                b.on('test:foo', function(e) {
                    e.stopPropagation();
                });

                ret = b.fire('test:foo', {}, b);

                Y.Assert.areEqual(1, count);
                Y.Assert.isFalse(ret);
            },


            testPreventFnOnce: function() {
                var count = 0;
                Y.publish('y:foo1', {
                    emitFacade: true,
                    preventedFn: function() {
                        count++;
                        Y.Assert.isTrue(this instanceof YUI);
                    }
                });

                Y.on('y:foo1', function(e) {
                    e.preventDefault();
                });

                Y.on('y:foo1', function(e) {
                    e.preventDefault();
                });

                Y.fire('y:foo1');

                Y.Assert.areEqual(1, count);
            },

            testDetachHandle: function() {
                var count = 0, handle, handle2;
                Y.publish('y:foo', {
                    emitFacade: true
                });

                Y.on('y:foo', function(e) {
                    count++;
                    handle2.detach();
                });

                handle = Y.on('y:foo', function(e) {
                    count += 100;
                });

                handle2 = Y.on('y:foo', function(e) {
                    count += 1000;
                });

                Y.detach(handle);

                Y.fire('y:foo');

                Y.Assert.areEqual(1, count);

                count = 0;

                var handle3 = Y.on('y:click', function() {
                    count++;
                    handle3.detach();
                });

                Y.fire('y:click');
                Y.fire('y:click');

                var o = new Y.EventTarget();

                count = 0;

                o.on('foo', function(e) {
                    count++;
                });

                o.on('foo', function(e) {
                    count++;
                });

                o.detachAll();

                o.fire('foo');

                Y.Assert.areEqual(0, count);

                var handle3 = Y.on('y:click', function() {
                    count++;
                });

                // detachAll can't be allowed to work on the YUI instance.
                Y.detachAll();

                Y.fire('y:click');

                Y.Assert.areEqual(1, count);
            },

            testBroadcast: function() {
                var o = new Y.EventTarget(), s1, s2, s3, s4;

                o.publish('y:foo2', {
                    emitFacade: true,
                    broadcast: 1
                });

                Y.on('y:foo2', function() {
                    Y.log('Y foo2 executed');
                    s1 = 1;
                });

                Y.Global.on('y:foo2', function() {
                    Y.log('GLOBAL foo2 executed');
                    s2 = 1;
                });

                o.fire('y:foo2');

                Y.Assert.areEqual(1, s1);
                Y.Assert.areNotEqual(1, s2);

                s1 = 0;
                s2 = 0;

                o.publish('y:bar', {
                    emitFacade: true,
                    broadcast: 2
                });

                Y.on('y:bar', function() {
                    Y.log('Y bar executed');
                    s3 = 1;
                });

                Y.Global.on('y:bar', function() {
                    Y.log('GLOBAL bar executed');
                    s4 = 1;
                });

                o.fire('y:bar');

                Y.Assert.areEqual(1, s3);
                Y.Assert.areEqual(1, s4);


                Y.Global.on('y:bar', function(e) {
                    Y.Assert.areEqual(0, e.stopped);
                    // Y.Assert.areEqual(0, e._event.stopped);
                    Y.log('GLOBAL bar executed');
                    e.stopPropagation();
                });

                o.fire('y:bar');
                o.fire('y:bar');

            },

            test_fire_once: function() {

                var notified = 0;

                Y.publish('fireonce', {
                    fireOnce: true
                });

                Y.fire('fireonce', 'foo', 'bar');

                Y.on('fireonce', function(arg1, arg2) {
                    notified++;
                    Y.Assert.areEqual('foo', arg1, 'arg1 not correct for lazy fireOnce listener')
                    Y.Assert.areEqual('bar', arg2, 'arg2 not correct for lazy fireOnce listener')
                });

                Y.fire('fireonce', 'foo2', 'bar2');
                Y.fire('fireonce', 'foo3', 'bar3');

                global_notified = false;

                Y.on('fireonce', function(arg1, arg2) {
                    Y.log('the notification is asynchronous, so I need to wait for this test');
                    Y.Assert.areEqual(1, notified, 'listener notified more than once.');
                    global_notified = true;
                });

                // it is no longer asynchronous
                // Y.Assert.isFalse(global_notified, 'notification was not asynchronous');

            },

            test_async_fireonce: function() {
                Y.Assert.isTrue(global_notified, 'asynchronous notification did not seem to work.');
            },

            test_node_publish: function() {
                var node = Y.one('#adiv');

                var preventCount = 0, heard = 0;
                node.publish('foo1', {
                    emitFacade: true,
                    // should only be called once
                    preventedFn: function() {
                        preventCount++;
                        Y.Assert.isTrue(this instanceof Y.Node);
                    }
                });

                node.on('foo1', function(e) {
                    Y.Assert.areEqual('faking foo', e.type);
                    Y.Assert.areEqual('foo1', e._type);
                    heard++;
                    e.preventDefault();
                });

                node.on('foo1', function(e) {
                    heard++;
                    e.preventDefault();
                });

                node.fire('foo1', {
                    type: 'faking foo'
                });

                Y.Assert.areEqual(1, preventCount);
                Y.Assert.areEqual(2, heard);
            },

            // SRC, ON
            // BUBBLE, ON
            // BUBBLE, DEFAULT BEHAVIOR
            // BUBBLE, AFTER
            // SRC, DEFAULT BEHAVIOR
            // SRC, AFTER
            __testBubbleSequence300GA: function() {
                var count = 0,
                    called = null,
                    fn = function() {
                        called = this.name;
                    },
                    config = {
                        emitFacade: true,
                        bubbles: true
                    },
                    leaf = new Y.EventTarget(config),
                    branch = new Y.EventTarget(config),
                    root = new Y.EventTarget(config);

                leaf.name = 'leaf';
                branch.name = 'branch';
                root.name = 'root';

                leaf.addTarget(branch);
                branch.addTarget(root);

                leaf.publish('test:foo', { defaultFn: fn});
                branch.publish('test:foo', { defaultFn: fn});
                root.publish('test:foo', { defaultFn: fn});

                leaf.on('test:foo', function(e) {
                    Y.Assert.areEqual(0, count, 'leaf.on should be first');
                    Y.Assert.isNull(called, 'leaf.on should be executed before any default function');
                    count++;
                });

                branch.on('test:foo', function() {
                    Y.Assert.areEqual(1, count, 'branch.on should be second');
                    Y.Assert.isNull(called, 'branch.on should be executed before any default function');
                    count++;
                });

                root.on('test:foo', function() {
                    Y.Assert.areEqual(2, count, 'root.on should be third');
                    Y.Assert.isNull(called, 'root.on should be executed before any default function');
                    count++;
                });

                root.after('test:foo', function() {
                    Y.Assert.areEqual(3, count, 'root.after should be fourth');
                    Y.Assert.areEqual('root', called, 'root.after should be executed after the root default function');
                    count++;
                });

                branch.after('test:foo', function() {
                    Y.Assert.areEqual(4, count, 'branch.after should be fifth');
                    Y.Assert.areEqual('branch', called, 'branch.after should be executed after the branch default function');
                    count++;
                });

                leaf.after('test:foo', function(e) {
                    Y.Assert.areEqual(5, count, 'leaf.after should be sixth and last');
                    Y.Assert.areEqual('leaf', called, 'leaf.after should be executed after the leaf default function');
                    count++;
                });

                leaf.fire('test:foo', {}, leaf);
                Y.Assert.areEqual(6, count);

            },

            // Ideally it should be this, but the defaultFn order is the least important bit
            // and there are issues changing the order.
            // SRC, ON
            // BUBBLE, ON
            // SRC, DEFAULT BEHAVIOR
            // BUBBLE, DEFAULT BEHAVIOR (unless configured to only execute the default function on the target)
            // SRC, AFTER
            // BUBBLE, AFTER

            // The actual order is this:
            // SRC, ON
            // BUBBLE, ON
            // BUBBLE, DEFAULT BEHAVIOR
            // SRC, DEFAULT BEHAVIOR (unless configured to only execute the default function on the target)
            // SRC, AFTER
            // BUBBLE, AFTER
            testAlternativeSequencePost300GA: function() {
                var count = 0,
                    called = null,
                    fn = function() {
                        called = this.name;
                    },
                    config = {
                        emitFacade: true,
                        bubbles: true
                    },
                    leaf = new Y.EventTarget(config),
                    branch = new Y.EventTarget(config),
                    root = new Y.EventTarget(config);

                leaf.name = 'leaf';
                branch.name = 'branch';
                root.name = 'root';

                leaf.addTarget(branch);
                branch.addTarget(root);

                leaf.publish('test:foo', { defaultFn: fn});
                branch.publish('test:foo', { defaultFn: fn});
                root.publish('test:foo', { defaultFn: fn});

                leaf.on('test:foo', function(e) {
                    Y.Assert.areEqual(0, count, 'leaf.on should be first');
                    Y.Assert.isNull(called, 'leaf.on should be executed before any default function');
                    count++;
                });

                branch.on('test:foo', function() {
                    Y.Assert.areEqual(1, count, 'branch.on should be second');
                    Y.Assert.isNull(called, 'branch.on should be executed before any default function');
                    count++;
                });

                root.on('test:foo', function() {
                    Y.Assert.areEqual(2, count, 'root.on should be third');
                    Y.Assert.isNull(called, 'root.on should be executed before any default function');
                    count++;
                });

                leaf.after('test:foo', function(e) {
                    Y.Assert.areEqual(3, count, 'leaf.after should be fourth');
                    // Y.Assert.areEqual('root', called, 'leaf.after should be executed after the root default function');
                    Y.Assert.areEqual('leaf', called, 'leaf.after should be executed after the root default function');
                    count++;
                });

                branch.after('test:foo', function() {
                    Y.Assert.areEqual(4, count, 'branch.after should be fifth');
                    // Y.Assert.areEqual('root', called, 'leaf.after should be executed after the root default function');
                    Y.Assert.areEqual('leaf', called, 'leaf.after should be executed after the root default function');
                    count++;
                });

                root.after('test:foo', function() {
                    Y.Assert.areEqual(5, count, 'root.after should be sixth and last');
                    // Y.Assert.areEqual('root', called, 'leaf.after should be executed after the root default function');
                    Y.Assert.areEqual('leaf', called, 'leaf.after should be executed after the root default function');
                    count++;
                });

                leaf.fire('test:foo', {}, leaf);
                Y.Assert.areEqual(6, count, 'total subscriber count');

            },

            testStarSubscriber: function() {
                var count = 0,
                    ret,
                    config = {
                        emitFacade: true,
                        bubbles: true,
                        prefix: 'stars'
                    },
                    z = new Y.EventTarget(config),
                    a = new Y.EventTarget(config),
                    b = new Y.EventTarget(config);

                b.addTarget(a);
                a.addTarget(z);

                z.on('*:foo', function(e) {
                    count++;
                    // b -> a -> z -- the parent's parent should be the target
                    Y.Assert.areEqual(b, e.target);
                    Y.Assert.areEqual(z, e.currentTarget);
                    switch (count) {
                        case 1:
                            Y.Assert.areEqual('a:foo', e.type);
                            break;
                        case 2:
                            Y.Assert.areEqual('b:foo', e.type);
                            break;
                        case 3:
                            Y.Assert.areEqual('stars:foo', e.type);
                            break;
                    }
                });

                ret = b.fire('a:foo', {}, b);

                Y.Assert.areEqual(1, count);
                Y.Assert.isTrue(ret);

                ret = b.fire('b:foo', {}, b);

                Y.Assert.areEqual(2, count);
                Y.Assert.isTrue(ret);

                // if the event target is not configured with a prefix, this won't work by design.
                ret = b.fire('foo', {}, b);
                Y.Assert.areEqual(3, count);

                Y.Assert.isTrue(ret);
            },

            testPreventBubble: function() {
                var count = 0,
                    ret,
                    config = {
                        emitFacade: true,
                        bubbles: true,
                        prefix: 'stars'
                    },
                    z = new Y.EventTarget(config),
                    a = new Y.EventTarget(config),
                    b = new Y.EventTarget(config);

                b.addTarget(a);
                a.addTarget(z);

                z.after('*:foo', function(e) {

                    // e.preventDefault();
                    Y.Assert.areEqual(b, e.target);

                });

                ret = b.fire('a:foo', {}, b);

                Y.Assert.areEqual(0, count);
            },

            test_listen_once: function() {

                var count = 0;

                Y.once(['foo', 'bar'], function(e) {
                    count++;
                });

                Y.fire('foo', 'bar');
                Y.fire('bar', 'bar');

                Y.Assert.areEqual(2, count);

                Y.fire('foo', 'bar');
                Y.fire('bar', 'bar');

                Y.Assert.areEqual(2, count);

            },

            test_array_type_param: function() {
                var result = '';

                var handle1 = Y.after(['foo', 'bar'], function(type) {
                    result += 'after' + type;
                });

                var handle2 = Y.on(['foo', 'bar'], function(type) {
                    result += 'on' + type;
                });

                Y.fire('foo', 'foo');
                Y.fire('bar', 'bar');

                Y.Assert.areEqual('onfooafterfooonbarafterbar', result);

                handle1.detach();
                handle2.detach();

                Y.fire('foo', 'foo');
                Y.fire('bar', 'bar');

                Y.Assert.areEqual('onfooafterfooonbarafterbar', result);
            },

            test_bubble_config: function() {

                var a = new Y.EventTarget(),
                    b = new Y.EventTarget(),
                    result;

                a.publish("foo", {
                    emitFacade: true
                });
                a.addTarget(b);

                b.on("foo", function(e) {
                    result = (e instanceof Y.EventFacade);
                });

                a.fire("foo");

                Y.Assert.isTrue(result);

            }
        });

        Y.Test.Runner.add(testEventTarget);
        Y.Test.Runner.run();
    });

   //  YUI({
   //      base: "/build/",
   //      filter: "debug",
   //      combine: false,
   //      useConsole: true,
   //      logExclude: {Dom: true, Selector: true, Node: true, attribute: true, base: true, loader: true, get: true, widget: true}
   //  }).use("datasource", function(Y) {
   //      Y.log('loaded datasource: ' + Y.DataSource);
   //  });


})();
</script>
</body>
</html>