customevent.html revision 08e054017132cdd838955bc0af15889f1f2a7b42
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore<html>
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore<head>
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore<title>YUI Event Tests</title>
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore</head>
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore<body class="yui-skin-sam">
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore<h1>Event Tests</h1>
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore<p><input type="button" value="Run Tests" id="btnRun" disabled="true" /></p>
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore<script type="text/javascript" src="/build/yui/yui.js"></script>
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore<script type="text/javascript">
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore(function() {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore YUI({
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore base: "/build/",
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore filter: "debug",
08e054017132cdd838955bc0af15889f1f2a7b42Adam Moore useConsole: true,
08e054017132cdd838955bc0af15889f1f2a7b42Adam Moore // logInclude: ['event', 'test']
08e054017132cdd838955bc0af15889f1f2a7b42Adam Moore // logExclude: ['Dom', 'Selector', 'Node']
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore }).use("dump", "test", "console", "event-custom", function(Y) {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var button = Y.get('#btnRun');
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore // Set up the page
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore button.set("disabled", false);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.on("click", function() {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Test.Runner.run();
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore }, button);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var myConsole = new Y.Console().render();
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var testEventTarget = new Y.Test.Case({
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore name: "Event.Target tests",
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore testAugment: function() {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var fired = false;
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var O = function(id) {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore this.id = id;
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.log('O constructor executed ' + id);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore }
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore O.prototype = {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore oOo: function(ok) {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.log('oOo');
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore }
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore }
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore // pass configuration info into Event.Target with the following
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore // construct
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.augment(O, Y.Event.Target, null, null, {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore emitFacade: true
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore });
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var o = new O();
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore o.on('testAugment', function(e, arg1, arg2) {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(this instanceof O);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(e instanceof Y.Event.Facade);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(e.foo === 'afoo');
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(e.details[1] === 1);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(arg1 === 1);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(arg2 === 2);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore fired = true;
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore });
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore o.fire('testAugment', { foo: 'afoo' }, 1, 2);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(fired);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore },
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore testExtend: function() {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var fired = false;
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var Base = function() {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.log('Base constructor executed');
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore arguments.callee.superclass.constructor.apply(this, arguments);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore }
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.extend(Base, Y.Event.Target, {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore base: function() {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.log('all your base...');
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore }
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore });
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var b = new Base();
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore b.on('testExtend', function(arg1, arg2) {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(this instanceof Base);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(arg1 === 1);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(arg2 === 2);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore fired = true;
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore });
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore b.fire('testExtend', 1, 2);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(fired);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore },
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore testPrefix: function() {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var fired1 = false,
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore fired2 = false;
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var O = function(id) {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore this.id = id;
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.log('O constructor executed ' + id);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore }
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore O.prototype = {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore oOo: function(ok) {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.log('oOo');
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore }
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore }
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore // pass configuration info into Event.Target with the following
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore // construct
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.augment(O, Y.Event.Target, null, null, {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore emitFacade: true,
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore prefix: 'prefix'
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore });
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore var o = new O();
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore o.on('testPrefix', function(e, arg1, arg2) {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(this instanceof O);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore fired1 = true;
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore });
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore o.on('prefix:testPrefix', function(e, arg1, arg2) {
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(this instanceof O);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore fired2 = true;
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore });
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore o.fire('testPrefix', { foo: 'afoo' }, 1, 2);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(fired1);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore // Y.Assert.isTrue(fired2);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore fired1 = false;
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore fired2 = false;
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore o.fire('prefix:testPrefix', { foo: 'afoo' }, 1, 2);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(fired1);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Assert.isTrue(fired2);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore }
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore });
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Test.Runner.add(testEventTarget);
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore Y.Test.Runner.run();
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore });
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore})();
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore</script>
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore</body>
80d2034f65b9348e5fd36291f03b0819181efb89Adam Moore</html>